Bézier Easing Generator
x1 0.42y1 0x2 0.58y2 1
Drag the two handles. x values are clamped to 0–1.
Live animation preview
CSS
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
Check out more tools in my Tools.
Drag the two handles. x values are clamped to 0–1.
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);