Drag the control points to craft a custom CSS easing curve. Preview the animation and copy the value.
Presets
Curve Editor — drag the colored handles
Values
CSS Value
Copied!
Animation Preview
More Developer Tools
CSS Grid Generator
Visual grid layout builder with CSS output
CSS Flexbox Playground
Interactive flexbox layout builder
CSS Gradient Generator
Build linear, radial and conic gradients
You might also like
JSON Formatter
Pretty-print and validate JSON
Statistics Calculator
Mean, median, std dev and more