Deseja aplicar um efeito de rolagem em Elementor?
Uma das coisas atraentes ao projetar uma página ou modelo usando Elementor é que você pode aplicar certos efeitos de animação à página ou modelo em que está trabalhando. Um deles é um efeito de rolagem que abordaremos neste artigo.
O próprio efeito de rolagem é um recurso disponível no Elementor Pro. Então você precisa atualizar seu Elementor para a versão pro caso você ainda não tenha feito isso.
O que é o efeito de rolagem?
Este é um tipo de efeito de animação que ocorre quando os usuários rolam o mouse sobre uma página. Seja para cima ou para baixo. O efeito pode variar dependendo da sua configuração. O próprio Elementor oferece 6 opções de efeito:
- Rolagem vertical: o objeto se moverá verticalmente ao rolar o mouse
- rolagem horizontal: o objeto se moverá horizontalmente ao rolar o mouse
- Transparência: O objeto aparecerá como transparente antes da rolagem do mouse
- Desfocado: O objeto aparecerá embaçado antes da rolagem do mouse
- Escada: O objeto aparecerá em uma certa escala antes da rolagem do mouse
Você pode aplicar um efeito de rolagem em uma seção, coluna ou widget.
Como aplicar o efeito de rolagem no Elementor
Como mencionamos, o efeito de rolagem é um dos recursos do Elementor Pro. Em outras palavras, você deve estar usando o Elementor Pro para usar esse recurso.
Neste tutorial, mostraremos como aplicar um efeito de rolagem horizontal. Como o nome sugere, esse efeito aplicará movimento vertical a um objeto quando o mouse for rolado. Este efeito é excelente quando combinado com Lottie.
Abaixo está um exemplo antes de aplicar o efeito de rolagem horizontal.
E aqui está o exemplo depois de aplicar a rolagem horizontal.
Nota: O tutorial a seguir usa Lottie.
Adicionado efeito de rolagem
Novamente, você pode aplicar o efeito de rolagem a uma seção, coluna ou widget.
Primeiro, selecione um elemento (seção, coluna ou widget) no qual deseja aplicar o efeito de rolagem e vá para a guia avançado no painel esquerdo e abra a seção Efeitos de movimento.
Ativar opção Efeitos de corrupção.
Como queremos aplicar o efeito de rolagem horizontal, clique no ícone de lápis na opção Rolagem horizontal para fazer configurações como direção (esquerda ou direita), velocidade e janela (a área visível para o usuário).
Você pode aplicar vários efeitos de rolagem, se quiser. Basta clicar no ícone de lápis em outras opções de efeito de rolagem para aplicar outros efeitos de rolagem.
É isso. Quando a página estiver completa, você pode publicar / Atualizar isso. Você também pode desativar o efeito de rolagem em um determinado tipo de dispositivo. Basta remover o dispositivo no qual você deseja desativar o efeito de rolagem clicando no ícone X agora mesmo Aplicar efeitos a .
Obtenha o Elementor Pro agora !!!
Conclusão
Aqui ! É isso neste artigo que mostra como aplicar efeito de rolagem no Elementor. Se você tiver alguma dúvida sobre como chegar lá, avise-nos dentro Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
