Gerador de animações CSS

Gere animações CSS com keyframes. Configure temporização, duração, atraso e contagem de iterações.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Perguntas frequentes

O que é uma animação CSS?

Animações CSS alteram gradualmente propriedades CSS ao longo do tempo usando keyframes, permitindo que elementos se movam, apareçam, cresçam e se transformem.

O que faz o fill-mode?

Fill-mode controla quais estilos se aplicam antes e depois da animação. 'forwards' mantém o estado final, 'backwards' aplica o estado inicial antes do atraso.