Criar estilo Gradient, Parallax e Divider com Divi Builder

Curso DIVI | Criar estilo Gradient, Parallax e Divider com Divi Builder

Na criação de um site os estilos e efeitos podem fazer muita diferença quando o objetive é dar ao site um aspecto moderno que chame a atenção ao mesmo tempo.

Vou mostrar como criar estilos usando Gradient, Parallax e Divider para que o site fique mais bonito e animado.

 

Criar estilo Gradient, Parallax e Divider


Ao usar uma imagem de plano de fundo em sua seção, há algumas maneiras de estilizar essa imagem de cara. Você pode usar modos de mesclagem, sobreposições de fundo gradiente e ativar efeitos de paralaxe.

 

O que é Gradient?

Esse efeito Gradiente conhecido como degradê é a mesclagens de duas cores sobre um fundo tendo seu início de uma cor e fim com outra cor. Pode ser utilizado em uma camada com imagem para aplicar vários efeitos mudando a tonalidade da imagem de fundo.

 

Efeito gradiente degradê


O que é Parallax?

O efeito parallax é uma forma de animação onde a imagem de fundo de comporta de forma diferente de acordo com o movimento de rolagem da página conhecido como scroll. Basicamente o fundo com a imagem em parallax fica parada, mas ao mesmo tempo dá a impressão de movimento sendo que parte da imagem vai sendo revelada aos poucos conforma a página se movimenta.


criar efeito em parallax


O que é Divider?

O DIVI oferece uma opção de estilo muito interessante que consistem e um tipo de borda que pode ser superior ou inferior com estilos variados como ondulação ou inclinação, esse efeito é conhecido como divider.


efeito divider do divi


Aplicando na prática esses efeitos.

Confira no link abaixo o vídeo tutorial apresentando esses efeitos e como aplicá-los em sua página usando o Divi Builder.



https://www.youtube.com/watch?v=ebMJQq2ledM



DIVI Builder melhor Tema para Sites em WordPress

 ADQUIRIR O TEMA DIVI 

🏆DIVI Builder melhor Tema para Sites em WordPress🏆

  1. Acesso completo.
  2. Sites ilimitados.
  3. Usuários ilimitados.

Descubra o poder do Tema Divi e experimente a construção de um site com visual verdadeiro no link abaixo.

👉 https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=67441

Comentários