Saltar al contenido

Easing

Beta

Las cuatro curvas del sistema — con su cubic-bezier y su equivalente GSAP.

El movimiento en Polen no es decoración: comunica de dónde viene y a dónde va cada elemento. Cuatro curvas cubren todos los casos; cada una existe como CSS (--ease-* / utilidades ease-* de Tailwind) y como string GSAP, con la misma física exacta.

Las curvas

Click en cualquier tarjeta para ver la curva en acción.

Reglas de uso

  • enter es el default. Si dudás, usá enter.
  • Nunca linear para movimiento visible — solo para progreso continuo (barras, scrub de scroll).
  • emphasis es sal, no plato: un overshoot por vista como máximo.
  • En GSAP usá el string del token (easing.enter.value.gsap) — no hardcodees "power3.out": si la curva cambia en el sistema, tu animación se actualiza.