หน้าแรก
📈
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