Usando animações no seu site do Website Builder
Quer dar um impulso visual ao conteúdo do seu site? Tente adicionar animações ao seu site!
Com animações, você pode dar vida ao seu site do Website Builder com efeitos visuais envolventes. Basta abrir as configurações de um componente, selecionar um efeito de animação e visualizá-lo na hora. Cada componente pode ter sua própria animação, que você pode personalizar para combinar com o seu estilo, dando inúmeras maneiras de adicionar um toque pessoal e fazer o seu site se destacar de verdade.
Por que devo usar animações no meu site?
As animações podem ser usadas de várias maneiras e para muitos fins. Você pode usá-las para chamar a atenção para itens específicos ou incentivar a interação com elementos (como botões ou links sociais). Você também pode usá-las de forma criativa para deixar o conteúdo do seu site mais vívido e animado. Não importa a abordagem, as animações são uma maneira poderosa de criar um site pessoal e com aparência profissional.
Quer ver alguns dos efeitos em ação? Dá uma olhada no GIF abaixo. Neste site, adicionamos diferentes efeitos a textos, botões e contentores.
Adicionar animações aos componentes do Website Builder
Você pode adicionar animações aos seguintes componentes do Website Builder:
- Texto
- Imagens
- Caixas e Contentores
- Botões
- Ícones
- Ícones sociais
- Logotipos
Você pode acessar as configurações de animação clicando na aba Editar que aparece na parte superior ou inferior de um componente quando você clica nele.
Aqui está um exemplo de como adicionar efeitos de animação a um texto:
- Selecione o componente e clique em Editar texto na parte superior ou inferior dele.
- Clique em Animação no menu flutuante.
- Deslize a chave Adicionar animações para ON.
- Em Efeito de animação, você pode selecionar um efeito no menu suspenso. Escolha entre Desvanecer, Deslizar para dentro ou Pular.
- Se você selecionar Fade in ou Slide in, também terá a opção de escolher uma Direção de animação. Esta é a direção de onde a animação vai entrar na tela. No menu suspenso, você pode escolher entre centro, topo, baixo, esquerda ou direita.
- Você pode escolher a velocidade da animação. Pode ser rápida (300 ms), média (600 ms) ou lenta (1000 ms).
- Escolha se deve haver um delay e, em caso afirmativo, por quanto tempo o delay deve durar.
- Salvar suas alterações e confira a animação na Pré-visualização. Ela não será exibida no editor.
- Repita o processo acima com outros componentes onde você deseja adicionar animações.
Observação: Uma animação só será executada uma vez por carregamento de página. Isso também significa que ela não será mostrada novamente se um visitante do site voltar para uma página.
Artigos Relacionados: