Adicionar borda e efeitos na imagem com Divi Builder

Curso DIVI | Adicionar borda e efeitos na imagem com Divi Builder

Com Divi é fácil adicionar imagens em qualquer lugar da página, todas as imagens vêm com 4 estilos de animação diferentes que tornam a navegação no seu site divertida e envolvente. Os módulos de imagem podem ser colocados em qualquer coluna que você criar e seu tamanho será ajustado para caber.

 

Borda e Animação

Existem inúmeras maneiras de usar o módulo de imagem e até fazer combinações com colunas para criar efeito de uma imagem sobre outra.

Vantagens em colocar borda e efeitos

• Objeto ou imagens com estilo mais moderno
• Bordas podem cria um padrão o chamar a atenção
• Transição faz o objeto ou imagem ficar mais suave no carregamento
• Efeitos pode animar e melhorar a experiência do usuário

 

Opções de conteúdo de imagem

Na guia de conteúdo, você encontrará todos os elementos de conteúdo do módulo, como texto, imagens e ícones.

• imagem URL
• Abrir no Lightbox
• URL do link

 

Opções de design de imagem

Na guia de design, você encontrará todas as opções de estilo do módulo, como fontes, cores, tamanho e espaçamento. Esta é a guia que você usará para alterar a aparência do seu módulo. Cada módulo Divi tem uma longa lista de configurações de design que você pode usar para alterar praticamente qualquer coisa.

• Sobreposição de imagem
• Cor do ícone de sobreposição
• Alinhamento de imagem
• Usar borda
• Cor da borda
• Largura da Borda
• Estilo de borda
• Largura máxima da imagem
• Forçar largura total
• Margem Personalizada
• Animação

 

 

Aplicando os estilos de forma simples

São muitas as possibilidades e combinações para o uso de imagens no Divi, confira no vídeo tutorial abaixo como fazer isso.

 

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

 

 

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