Efeito Wix Parallax

• Pode 18, 2024

Uma boa animação encontrada nos sites Wix é o efeito de rolagem de paralaxe. Não é uma animação verdadeira, mas adiciona a ilusão de movimento, profundidade e dimensão à sua página da web.

Esse efeito é popular há vários anos e é uma boa maneira de adicionar um pouco de interesse a um site sem adicionar uma animação avassaladora. A rolagem de paralaxe é criada quando você instrui o navegador a rolar a imagem de plano de fundo em uma taxa mais lenta que os outros elementos da página. Como seria de esperar, o efeito de rolagem é ótimo para sites longos de uma página.

Esta técnica é criada com JavaScript, CSS e elementos div. Apenas uma observação a ter em mente é que a maioria dos dispositivos móveis tem um problema com CSS de plano de fundo fixo. Portanto, o Wix desativa o efeito para dispositivos móveis.

Mas, ao criar seu site Wix, não há código envolvido. É tão fácil quanto selecionar a opção Parallax para uma imagem de plano de fundo ou tira. Também pode ser adicionado a um vídeo em strip.

Sem a rolagem de paralaxe aplicada, a imagem de plano de fundo da página da Web se moverá em uníssono com os outros elementos da página enquanto o visualizador rola sobre a página.

No entanto, quando aplicamos o efeito de rolagem Parallax à imagem de fundo, a imagem de fundo rola lentamente enquanto o visualizador rola sobre a página. A dimensão ocorre quando os outros elementos na página rolam mais rápido que a imagem de plano de fundo.

A terceira opção, a opção Congelar, para as opções de Efeitos de rolagem da imagem de plano de fundo, é bloquear a imagem de plano de fundo no lugar, enquanto o restante dos elementos da página rola para cima ou para baixo.

Adicionar Parallax à imagem de fundo

1. Clique no ícone Plano de fundo no menu do lado esquerdo.
   
   
2. Adicione sua imagem de fundo como de costume.
   
   
3. Clique no botão Configurações para abrir as Configurações de imagem.
   
   
4. Escolha uma das três opções para os Efeitos de rolagem.
   
   
   • Nenhum - o plano de fundo se moverá na mesma taxa que os outros elementos da página.
     
     
   • Parallax - o plano de fundo se moverá mais lentamente que os outros elementos da página.
     
     
   • Congelar - o fundo permanecerá no lugar, mas os outros elementos rolarão.
     
     

Adicionar Parallax à Strip Image ou Video

1. Selecione a faixa e escolha Alterar fundo da faixa no menu pop-up.
   
   
2. Adicione imagem de fundo ou vídeo como de costume.
   
   
3. Clique no botão Configurações para abrir as Configurações de imagem.
   
   
4. Em seguida, escolha Parallax nos efeitos de rolagem.
   
   

Instruções De Vídeo: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Pode 2024).