Create custom cubic-bezier easing functions visually for CSS animations and transitions
Presets
Curve Editor
CSS Output
cubic-bezier(0.250, 0.100, 0.250, 1.000)
Transition shorthand
transition: all 0.4s cubic-bezier(0.250, 0.100, 0.250, 1.000);
Animation Preview
x10.250
y10.100
x20.250
y21.000