Design
Cubic-Bezier Easing Editor
Design CSS easing curves with draggable handles and live preview Runs on your device — nothing is uploaded, nothing is stored.
Drag the two handles to shape the easing curve.
X1
Y1
X2
Y2
1s
Animation Preview
CSS Output
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
Use as transition-timing-function or animation-timing-function in your CSS.
Related
About Cubic-Bezier Easing Editor
Design CSS easing curves with draggable handles and live preview
Cubic-Bezier Easing Editor is a free tool in the Design & Visual category on BrowseryTools. It runs entirely in your browser: what you give it is processed on your own device and is never uploaded to a server, there's no registration, no ads and no watermarks, and it keeps working with no connection once the page has loaded.