Adicionar animações e efeitos aos elementos do seu site pode melhorar a experiência do usuário e tornar o design mais atraente. O Elementor facilita a aplicação de animações. Siga este guia para aprender como fazer isso.
Com essas etapas, você pode adicionar animações e efeitos aos elementos do Elementor, tornando seu site mais interativo e visualmente atraente.
Selecione o Elemento para Animação
- No editor do Elementor, clique no elemento ao qual você deseja adicionar uma animação.
- Isso pode ser um texto, imagem, botão ou qualquer outro widget.
Acesse as Configurações de Animação
- Com o elemento selecionado, vá para a aba Avançado.
- Encontre a seção Efeitos de Movimento e clique para expandi-la.
Escolha uma Animação de Entrada
- No menu suspenso Animação de Entrada, escolha o tipo de animação que deseja aplicar, como Fade In, Zoom In, Slide In, etc.
- Experimente diferentes animações para ver qual se adapta melhor ao seu design.
Ajuste a Duração e o Atraso
- Defina a Duração da animação para controlar a velocidade (em milissegundos).
- Use a opção Atraso para definir quanto tempo a animação deve esperar antes de começar.
Adicione Efeitos de Rolagem (Opcional)
- Na mesma seção de Efeitos de Movimento, você pode ativar Efeitos de Rolagem para animações que ocorrem ao rolar a página.
- Configure opções como Translação, Rotação, Opacidade, etc., para criar efeitos dinâmicos.
Visualize e Ajuste
- Visualize a página para ver as animações em ação.
- Faça ajustes conforme necessário para garantir que as animações sejam suaves e não distraiam os usuários.
