Timing Functions en CSS

Observa cómo cambia la aceleración de una animación según la función aplicada. Pasa el ratón por encima de cada tarjeta.

← Volver a la página principal

linear: velocidad constante.

ease: empieza y termina suave.

ease-in: arranca lenta y acelera.

ease-out: comienza rápido y frena.

ease-in-out: suave al inicio y al final.

linear

ease

ease-in

ease-out

ease-in-out