lab de componentes
Componentes
Juego e interacción

EasingExplorer

Editor de cubic-bezier con manijas arrastrables, vista previa en vivo, presets y un snippet de CSS listo para copiar. El compañero interactivo de JuiceLab.

default / el spring del sitio

Arrastra las manijas (o enfócalas y usa las flechas; shift para pasos grandes). La bola se vuelve a animar con cada cambio; el eje y permite overshoot por encima de 1.

cubic-bezier(0.34, 1.56, 0.64, 1)
gsap: ease: "back.out(1.7)" ≈
El overshoot en y=1.56 es lo que le da esa sensación de resorte.
curva inicial personalizada

Arranca desde otra forma — aquí un ease-in duro para una salida pesada, que se resiste.

cubic-bezier(0.34, 1.56, 0.64, 1)
gsap: ease: "back.out(1.7)" ≈