Selector de colores y generador de paletas
Elija colores en formatos HEXADECIMALES, RGB y HSL; genere paletas de colores y degradados armoniosos.
Generador de animación de fotogramas clave CSS
Crea animaciones de fotogramas clave CSS suaves (rebote, pulso, sacudida, volteo) con duración y tiempo personalizables.
Propiedades de animación
Duración1s
Retardo0s
Fotogramas clave y animación CSS
@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;
}¿Cómo se Usa?
Efecto de selección
Elija entre rebote, pulso, vibración o giro 3D.
Ajustar el tiempo
Ajuste la duración, el retraso y la función de sincronización.
Copiar CSS
Exporte las reglas CSS @keyframes completas.
Consejos y Trucos
- •Añade prefers-reduced-motion y una alternativa tranquila para quienes reduzcan el movimiento.
Herramientas Relacionadas
Selector de color de imagen y cuentagotas
Sube fotos o gráficos y haz clic en cualquier píxel para probar los códigos de color HEXADECIMALES y RGB exactos.
Generador de códigos QR personalizados
Genera códigos QR PNG y SVG de alta resolución para sitios web, redes Wi-Fi, texto y tarjetas de contacto.
Generador de iconos de favicon y aplicación
Genera iconos de Apple Touch de 16x16, 32x32, 180x180 e iconos de PWA de Android desde tu logotipo.
Reseñas y Opiniones de Usuarios
Comparte tu experiencia de forma anónima. Moderado automáticamente por IA.
Reseñas Aprobadas (0)