UTILS.
100% en el navegador

Generador de Curvas de Easing CSS

Elige o crea una curva de easing cubic-bezier y reprodúcela en un punto de vista previa animado.

Acerca de esta herramienta

Elige un preajuste o introduce los cuatro puntos de control para crear una curva de easing cubic-bezier y verla animarse, todo en tu navegador.

Preguntas frecuentes

¿Qué hacen los preajustes?
Cada preajuste rellena los cuatro puntos de control para una curva estándar como ease-in o linear, que luego puedes ajustar con precisión.
¿Cómo veo el easing de nuevo?
Pulsa Repetir para volver a ejecutar la animación del punto con la función de temporización actual.

Más herramientas