Generador visual de cubic-bezier CSS
Ajusta la transición de una animación arrastrando los puntos de la curva.
Arrastra los controles azul y coral para dar forma a la curva
Ajustes predefinidos
Acerca de esta herramienta
Arrastra los puntos de control para diseñar una curva de aceleración personalizada. La vista previa animada permite comparar cómo empieza, acelera y termina el movimiento.
Prueba los ajustes predefinidos, cambia la duración y copia la función cubic-bezier() o una declaración CSS de transición o animación. Revisa la sensación del movimiento en el contexto real de tu interfaz.