Animacao nao inicia – ZenBlocks buttonBasic
Conclusao
Quando a animacao nao roda, geralmente e por **elemento obrigatorio nao configurado, tipo de animacao confundido, ou teste apenas no editor**.
—
Causas
| Tipo de animacao | Disparo | Pre-requisito |
|—|—|—|
| Animacao de texto | Somente no hover | Texto preenchido |
| Animacao de icone | Somente no hover | Icone definido |
| Animacao de frame | Reproducao continua | Frame do icone definido |
| Animacao do botao | Somente no hover | Nenhum |—
Procedimento
### Etapa 1: confirmar tipo de animacao
1. Verifique se e texto, icone, frame ou botao.
2. Abra o painel correto.
3. Confirme que o preset nao esta em `none`.### Etapa 2: verificar pre-requisitos
– **Texto**: texto principal preenchido.
– **Icone**: icone selecionado.
– **Frame**: frame do icone ativo.
– **Botao**: sem pre-requisito especifico.### Etapa 3: testar no front-end
1. Abra a pagina real no front-end.
2. Teste hover para texto/icone/botao.
3. Verifique o frame continuo logo ao carregar.### Etapa 4: verificar transicao
1. Abra o painel de transicao.
2. Ajuste `Duration` e `Delay` se necessario.—
Observacoes
– Na animacao de texto, atraso por caractere vale ate 30 caracteres.
– `neon-01` e `glow-01` podem extrapolar area por causa de `box-shadow`.
– Com animacao de icone ativa, visibilidade do icone pode ser controlada por ela.—
Configuracoes relacionadas
– [Configuracoes de animacao de texto](../text-animation/)
– [Configuracoes de animacao de icone](../icon-animation/)
– [Frame Animation Settings](../frame-animation/)
– [Configuracoes de animacao do botao](../button-animation/)
– [Icon Settings](../icon/)