CSS Bezier Curve Editor

Edit cubic-bezier curves with presets and animation preview

X10.25

Y10.1

X20.25

Y21

Duration (ms)500

transition: all 500ms cubic-bezier(0.25, 0.10, 0.25, 1.00);

Instructions

Edit cubic-bezier curves for CSS animations. Use presets or drag sliders.