Paralaxe da imagem de fundo #

Uma tendência importante em web design é a rolagem Parallax, que envolve a imagem de fundo se movendo mais lentamente para o conteúdo em primeiro plano conforme você rola a página para baixo. Este efeito de paralaxe pode ser aplicado ao site Elementor.

Neste guia, mostraremos como você pode adicionar o efeito Parallax em uma imagem de fundo com o ElementsKit.

Assista ao vídeo guia:

Ou siga as instruções passo a passo abaixo:

Etapa => 1: Certifique-se de que Paralaxe módulo é SOBRE de Painel → Kit de Elementos → MÓDULOS

Etapa => 2: Vá para Elementos=> Pesquisar Imagem=> Arraste e solte o Seção de imagem.

Etapa=>3: Adicione um Imagem de fundo de Editar seção → Contente aba

Etapa => 4: Vá para Guia Avançado -> Clique em Kit de Elementos efeitos-> Selecionar tipo de efeito Opção CSS3, inclinação, rolagem, movimento do mouse à sua escolha

CSS3 #

• Etapa => 1: Vá para Guia Avançado=>Efeitos do ElementsKit=> Tipo de efeito=> Selecione CSS3=> Ligue o Animação CSS Alternar

• Selecione Efeito de animação de Suspenso

• Modificar Animação Velocidade
• Animação Contagem de iteração=> Infinito ou não definido

• Selecione Direção de Animação

• Etapa => 2: Efeitos do ElementsKit=> Tipo de efeito=> Selecione CSS3=> Ligue o Transformação CSS Alternar

• Traduzir
• Girar
• Escala
• Inclinação
• Redefinir se quiser

Inclinar #

Etapa => 1: Vá para Guia Avançado=>Efeitos do ElementsKit=> Tipo de efeito=> Selecione Inclinar

ON Rolar #

Etapa => 1: Vá para Guia Avançado=>Efeitos do ElementsKit=> Tipo de efeito=> Selecione na rolagem

Ao mover o mouse #

Etapa => 1: Vá para Guia Avançado=>Efeitos do ElementsKit=> Tipo de efeito=> Selecione ao mover o mouse

É assim que o efeito de paralaxe pode ser aplicado à página ou site do Elementor. Aprenda este método simples e cativante para aplicar paralaxe em sua página Elementor.