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
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!
Equipe Builderall
No Comments