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)" ≈