Cubic Bezier Curve Editor

Design a CSS cubic-bezier() easing function with a live preview.

x1 y1 x2 y2

Curve

CSS

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

About this tool

Design a CSS cubic-bezier() easing function with a live preview.