zero·style

Dictionary entry

overshoot

View related-term graphUse in a brief
Was this helpful?
Graphic designCurated · verified

When an animated element travels slightly past its final position and then springs back to settle, rather than stopping precisely on target. It adds a springy, energetic quality to motion.

Synonyms

  • overshooting
  • bounce-back
  • springback

Related terms

In plain words

  • moving a bit too far then snapping back
  • the springy bounce at the end

Usage example

The toggle overshoots just a hair before settling, which makes it feel satisfying.

Don't confuse with…

  • spring animationOvershoot is the specific behaviour of passing the target and returning; a spring animation is a physics model that often produces overshoot.

Categories

  • Motion & animation

Related-term graph

Two hops from overshoot — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedovershoot related of anticipation
  • Relatedovershoot related of easing
  • Relatedovershoot related of follow-through
  • Relatedovershoot related of spring animation
  • Relatedfollow-through related of anticipation
  • Relatedeasing related of ease-in
  • Relatedeasing related of ease-out
  • Relatedspring animation related of easing
  • Relatedfollow-through related of easing
  • Relatedanticipation related of easing
  • Relatedspring animation related of follow-through
  • Relatedanticipation related of follow-through
  • Relatedanticipation related of keyframe
  • Relatedeasing related of keyframe
  • Relatedanticipation related of overshoot
  • Relatedfollow-through related of overshoot
  • Relatedspring animation related of overshoot
  • Relatedfollow-through related of squash and stretch
  • Relatedanticipation related of squash and stretch
  • Relatedeasing related of tween

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief