首页
📈
CSS Easing / Bézier Curve Editor
Visually edit cubic-bezier() timing functions with animation preview
Presets
Compare
linear
ease
custom
使用方法
Drag the red and green control points to shape the curve. Use presets for common easings. Preview the animation and compare with linear/ease.
- Visual drag-and-drop curve editor
- 9 easing presets
- Animation preview with duration control
- Side-by-side comparison (linear/ease/custom)
使用案例
- When fine-tuning CSS transition timing
- When comparing easing curves
- When prototyping smooth animations