Estilo de hover nao e aplicado – ZenBlocks buttonBasic
Conclusao
Quando o hover nao funciona, normalmente a causa e **falta de valor na aba Hover, Duration em 0, ou cache CSS desatualizado**.
—
Causas
1. **Sem valor na aba Hover**.
2. **Duration da transicao em `0ms`**.
3. **Cache CSS antigo ainda ativo**.—
Procedimento
### Etapa 1: verificar a aba Hover
1. Selecione o bloco `buttonBasic`.
2. Abra **Configuracoes de estilo** na barra lateral.
3. Troque para a aba **Hover**.
4. Verifique se fundo, texto, borda etc. possuem valores.### Etapa 2: verificar transicao
1. Abra a secao **Transition**.
2. Confirme que **Duration** nao esta em `0ms` (recomendado: `200-400ms`).
3. Verifique **Easing** (`ease` ou `ease-out`).### Etapa 3: limpar cache CSS
1. Teste no front-end.
2. Se nao refletir, faca hard refresh (`Ctrl+Shift+R` / `Cmd+Shift+R`).
3. Confira `/wp-content/uploads/zenblocks/`.### Etapa 4: verificar conflito com animacoes
1. Com animacao de texto/icone ativa, pode haver conflito.
2. Verifique avisos nos paineis.
3. Ajuste `Duration`/`Delay` para reduzir latencia percebida.—
Observacoes
– Hover deve ser validado no front-end, nao so no editor.
– Animacao + transicao pode somar tempo de resposta.
– Com animacao de icone ativa, `opacity/visibility` pode ser controlado por ela.—
Configuracoes relacionadas
– [Configuracoes de estilo](../style/)
– [Configuracoes de animacao de texto](../text-animation/)
– [Configuracoes de animacao de icone](../icon-animation/)
– [Configuracoes de animacao do botao](../button-animation/)