← Volver a la Lección
🎨 Visualizador de Easing GSAP
Ve y siente la diferencia entre las funciones de easing
Comparación de Funciones de Easing
Haz clic en "Animar Todo" para ver todas las funciones de easing en acción, o haz clic en botones individuales para probar easings específicos.
Comparación Lado a Lado
Compara diferentes tipos de easing simultáneamente para entender sus características.
💡 Conceptos Clave:
- Linear: Velocidad constante - usar para barras de progreso o movimiento mecánico
- Power eases: Desaceleración natural - power2.out es el predeterminado más común
- Elastic: Rebote con overshoot - ideal para interfaces juguetonas y enérgicas
- Back: Overshoot ligero - perfecto para botones y elementos interactivos
- Bounce: Rebote basado en física - añade carácter a las animaciones
- Custom cubic-bezier: Control total sobre la curva de easing