Generador de animaciones CSS — gratis online
Quieres un poco de movimiento en tu página: un botón que aparece poco a poco, una tarjeta que sube, un icono con un latido suave. Pero escribir los keyframes a mano es engorroso, y al final adivinas los tiempos. Añadimos una herramienta gratis que lo hace por ti — CSS Animation Generator — directo en tu navegador.
Qué hace
Armas la animación de forma visual. Eliges un preset para empezar — aparición, deslizamiento, rebote, latido, giro, vibración y más — y luego lo ajustas a tu gusto mientras ves una vista previa en vivo. Cuando queda bien, copias los keyframes CSS directo a tu proyecto.
Nada sale de tu dispositivo
Todo funciona dentro de tu navegador. No se sube nada a un servidor ni se guarda en ningún sitio. Puedes usarlo sin conexión, y tu trabajo se queda en tu propio equipo.
Cómo usarlo
- Abre CSS Animation Generator y elige un preset como aparición, deslizamiento o rebote.
- Ajusta las opciones hasta que la vista previa se mueva como quieres.
- Copia el CSS y pégalo en tu hoja de estilos.
Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.