Para capturar a atenção do visitante é importante tornar o site o mais atraente possível. A experiência de navegação mobile tornou os usuários web mais “exigentes” quanto ao design de um site. Hoje eles reconhecem quando um site é muito parado, meio “cru”, focado no HTML e com poucos recursos CSS.
As animações de objetos são funcionalidades que acompanham as tendências do webdesign moderno. Eles fazem com que imagens, textos ou qualquer outro elemento ganhe um efeito visual, prendendo a atenção do visitante e dando nova vida ao design.
Como adicionar uma Animação?
É bem simples aplicar um efeito de animação, confira:
1. Dentro do Editor, clique sobre o elemento que deseja inserir a animação.
2. Em seguida, na barra de ações, clique no ícone de ‘Animação‘:
3. Selecione uma animação:
4. Você pode ver o efeito em tempo real ao passar o mouse por cima.
5. Clicando em ‘Personalizar’ você pode customizar o comportamento da animação, como ‘Direção’ (lado que o efeito vai surgir), ‘Duração’ (tempo de execução do efeito), ‘Atraso’ (tempo de carregamento, quando se escolhe um valor, o efeito demora mais para ser executado), etc.
A função ‘Apenas na primeira vez‘ faz com que o efeito seja executada apenas no primeiro carregamento da página.