Overshoot and Anticipation Easing

Curves that travel past their target or wind up before they move — how to build them with `cubic-bezier()` and `linear()`, and when the extra motion is worth it.

Content tagged overshoot

• Post:An Interactive Guide to CSS cubic-bezier()

  Drag two control points, design your own curve.

  An interactive guide to CSS cubic-bezier(): what the four numbers control, how to build overshoot and anticipation curves, hand-tuned recipes, and a draggable curve playground.