- Elija tipo — Rebote, Fundido, Deslizamiento, Rotación, Escala, Sacudida.
- Duración — 0.1 a 5 segundos.
- Función de tiempo — ease, linear, cubic-bezier.
- Iteraciones — 1, 2, 3 o infinito.
- Dirección — Normal, reversa, alternada.
- Vista previa — Animación en tiempo real.
- Copie CSS — @keyframes y propiedad animation.
Generador de Animaciones CSS — Constructor Visual de Keyframes
El Generador de Animaciones CSS de Serverless Tools es una herramienta gratuita para crear animaciones keyframe CSS con vista previa en vivo. Controles intuitivos con feedback visual instantáneo.
Características
- 8 Presets — Rebote, Fundido, Deslizamiento, Rotación, Escala, Sacudida, Pulso, Volteo.
- Duración Ajustable — 0.1 a 5 segundos.
- Funciones de Tiempo — ease, linear, cubic-bezier.
- Control de Iteración — 1x, 2x, 3x, infinito.
- Vista Previa en Vivo — Animación en tiempo real.
- CSS Completo — @keyframes y animation shorthand.
Casos de Uso
- Diseñadores Web — Animaciones de entrada para secciones hero y tarjetas.
- Desarrolladores Frontend — Código de animación listo para producción.
- Landing Pages — Animaciones que captan la atención.
Privacidad
Todo se genera localmente en su navegador.