Documentação do SeedProd

Documentação, Materiais de Referência e Tutoriais para SeedProd

Efeitos de Animação

O recurso Efeitos de Animação permite adicionar animações de entrada a qualquer bloco, seção, linha ou coluna em sua página. Quando um elemento com uma animação rola para a área de visualização do visitante, a animação selecionada é reproduzida — adicionando movimento e engajamento visual ao seu design.

Opções de animação de entrada disponíveis nos Efeitos de Animação do SeedProd

Como Adicionar uma Animação

  1. Clique no bloco, seção, linha ou coluna que você deseja animar para abrir seu painel de configurações.
  2. Clique na aba Avançado.
  3. Expanda a seção Efeitos de Animação.
  4. Escolha uma animação de entrada no menu suspenso.
  5. Clique em Salvar para aplicar suas alterações.

Animações Disponíveis

SeedProd inclui 46 animações de entrada organizadas nos seguintes grupos:

Chamadores de Atenção

Bounce, Flash, Pulse, Rubber Band, Shake X, Shake Y, Headshake, Swing, Tada, Wobble, Jello, Heartbeat, Bounce In, Flip, Flip In X, Flip In Y, Light Speed In Left, Light Speed In Right

Back In

Back In Down, Back In Left, Back In Right, Back In Up

Fade In

Fade In, Fade In Down, Fade In Left, Fade In Right, Fade In Up, Fade In Down Big, Fade In Left Big, Fade In Right Big, Fade In Up Big, Fade In Top Left, Fade In Top Right, Fade In Bottom Left, Fade In Bottom Right

Zoom

Zoom In, Zoom In Down, Zoom In Left, Zoom In Right, Zoom In Up

Rotação

Rotate In, Roll In, Rotate In Down Left, Rotate In Down Right, Rotate In Up Left, Rotate In Up Right


As animações podem ser aplicadas a qualquer elemento em sua página de forma independente — misture diferentes tipos de animação entre seções e blocos para criar uma sensação dinâmica e em camadas conforme os visitantes rolam sua página.

Artigos Relacionados