Generador de animación de fotogramas clave CSS
Diseño y GráficosCrea animaciones de fotogramas clave CSS suaves (rebote, pulso, sacudida, volteo) con duración y tiempo personalizables.
Propiedades de animación
Duración1s
Retardo0s
CSS @keyframes & Animation
@keyframes customBounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.animated-element {
animation: customBounce 1s ease-in-out 0s infinite normal;
}☕Patrocinio de Proyecto Independiente
¿Te gusta ToolsApp? Invítanos a un café
ToolsApp funciona 100% en el navegador sin suscripciones ni recopilación de datos. Creemos que las herramientas esenciales deben ser gratuitas y accesibles para todos. ¡Tu apoyo nos ayuda a seguir creando nuevas herramientas!
100% En el Navegador•Gratis para Todos
¿Cómo se Usa?
1
Efecto de selección
Elija entre rebote, pulso, vibración o giro 3D.
2
Ajustar el tiempo
Ajuste la duración, el retraso y la función de sincronización.
3
Copiar CSS
Exporte las reglas CSS @keyframes completas.
Privacidad TotalTodos los cálculos y el procesamiento de archivos se ejecutan 100% localmente en su navegador mediante JavaScript del lado del cliente.
Reseñas y Opiniones de Usuarios
Comparte tu experiencia de forma anónima. Moderado automáticamente por IA.
5.0
•0 reseñasReseñas Aprobadas (0)
Cargando reseñas...