Easings

Easings.net is a visual cheatsheet for easing functions: a page of curves where each one plays its acceleration profile on click, with the matching CSS one copy away. When an animation looks cheap, the easing is usually the culprit — this chart is the basic tool for fixing the feel.

1. When an animation feels off, play the curves one by one and pick the closest to your intent.
2. Copy its cubic-bezier value into your code.
3. Internalize the roles: ease-in (slow start) for exits, ease-out (fast start) for entrances, elastic/bounce for playful emphasis.
4. Memorize two or three favorites and you're set for daily work.

• Every curve visualized side by side — no guessing from names
• Copy-ready CSS/cubic-bezier output for each curve
• Click-to-play demos: you choose by seeing, not by name
• Free, a single page, available in Chinese — it just works