Animações de entrada

Como ativar, escolher e ajustar as animações que os widgets Converto executam quando entram na tela.

Iniciante2 min de leitura

Nesta página

Opções
Animações disponíveis
Como usar
Boas práticas
Acessibilidade

Todos os widgets Converto têm uma seção Animações, sempre a última da aba Estilo. As animações são executadas quando o widget entra na área visível da tela.

Opções

Há duas animações independentes por widget: uma para Textos e outra para Imagens e ícones.

Controle	O que faz	Faixa
Textos / Entrada	Animação aplicada a títulos, parágrafos, listas, botões e rótulos do widget.	25 opções (inclui Nenhum, o padrão)
Imagens e ícones / Entrada	Animação aplicada a imagens, SVGs e ícones.	25 opções (inclui Nenhum, o padrão)
Velocidade de entrada	Duração da animação, em milissegundos.	100 a 2000 ms (padrão 1000)
Atraso na entrada	Espera antes de começar.	0 a 2000 ms (padrão 0)
Intervalo entre elementos	Tempo entre o início da animação de cada elemento quando aparecem juntos. `0` anima todos ao mesmo tempo.	0 a 1000 ms (padrão 150)

Velocidade e atraso só aparecem quando a animação correspondente não é Nenhum.

Animações disponíveis

Fade In (e para cima, baixo, esquerda e direita), Slide In (4 direções), Zoom In (e 4 direções), Bounce In (e 4 direções), Flip In X, Flip In Y, Rotate In, Light Speed In e Roll In.

Como usar

Selecione o widget e abra a aba Estilo.
Vá até Animações (última seção).
Escolha a animação de Textos e/ou de Imagens e ícones.
Ajuste velocidade, atraso e intervalo.
Role a página no preview para ver o efeito.

Boas práticas

Use uma única família de animação por página (por exemplo, só Fade In para Cima) para manter a leitura confortável.
Prefira velocidades entre 500 e 800 ms e intervalos curtos.
Não anime tudo: os efeitos servem para guiar o olhar, não para competir com a mensagem.

Acessibilidade

O tema respeita a preferência do sistema "reduzir movimento": para quem a ativou, os elementos aparecem normalmente, sem animação.