Info
Content

Como utilizar a função paralaxe no painel?


O que é a função paralaxe em um painel?

Também conhecida como Efeito Parallax, essa função tem o objetivo de criar uma ilusão de ótica no painel do seu site, a ilusão decorre da configuração de movimento no background, que irá se movimentar em um ritmo mais lento que o primeiro plano, resultando em um efeito 3D a medida que os visitantes rolam pela página, dessa forma, é possível criar uma sensação de profundidade e uma experiência mais imersiva ao navegar pelo site. 

Aprenda neste tutorial a como configurar essa técnica de web design em seus painéis no Construtor de Sites Builderall Builder de forma fácil e rápida. 

Acompanhe no vídeo abaixo uma configuração exemplo do que iremos aprender neste tutorial  Vector seta para baixo PNG clipart | PNG Mart

Gif-paralaxe.gif



Passo 1
- Acesse as configurações do painel em sua página que deseja aplicar o efeito paralaxe:



Passo 2 - Localize a opção de "Paralaxe" no menu de configurações e selecione a caixa de "Ativo"; 



Após ativar o efeito paralaxe, escolha o tipo de efeito que deseja que ocorra ao passar pelo painel que está sendo configurado e a rapidez/velocidade que o efeito deve ocorrer (tempo considerado em segundos). 



Há 5 tipos de efeitos diferentes: 

 

 

 

 

 

 

Rolagem: a imagem adicionada ao painel desce/rola para baixo no próprio painel à medida que o painel fica para trás ao descer para o próximo painel do site. 

Escala: aumenta a proporção da imagem à medida que o painel fica para trás ao descer para o próximo painel do site. 

Opacidade: aumenta a transparência/opacidade da imagem à medida que o painel fica para trás ao descer para o próximo painel do site. 

Opacidade de rolagem: mistura os efeitos de rolagem e opacidade. 

Opacidade de escala: mistura os efeitos de escala e opacidade.


Pronto! Finalizamos assim a configuração do nosso tutorial; configure quantos painéis desejar com o efeito paralaxe e aproveite da melhor forma possível esse recurso no Construtor de Sites Builderall Builder! Não se esqueça de salvar e republicar sua página antes de realizar os testes.


Avalie a nossa Central de Ajuda, sua opinião é importante para nós! 

Faça seu negócio decolar 🚀
Equipe Builderall



No Comments
Back to top