zero·style

Dictionary entry

easing

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

The way an animation speeds up or slows down over its duration instead of moving at one constant rate. Easing makes motion feel natural, the way real objects gather and lose momentum.

Synonyms

  • easing curve
  • timing function

Related terms

In plain words

  • how the movement speeds up and slows down
  • making it not move at a robotic constant speed

Usage example

Adding easing to the menu slide made it feel smooth rather than mechanical.

Don't confuse with…

  • durationDuration is how long the motion lasts; easing is how the speed is distributed across that time.

Categories

  • Motion & animation

Related-term graph

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

Focus term

Directly related

Two hops away

  • Relatedeasing related of ease-in
  • Relatedeasing related of ease-out
  • Relatedeasing related of keyframe
  • Relatedeasing related of tween
  • Relatedease-out related of ease-in
  • Relatedease-in related of ease-out
  • Relatedease-out related of easing
  • Relatedkeyframe related of easing
  • Relatedtween related of easing
  • Relatedease-in related of easing
  • Relatedtween related of frame rate
  • Relatedtween related of keyframe
  • Relatedease-out related of keyframe
  • Relatedease-in related of keyframe
  • Relatedtween related of timeline
  • Relatedkeyframe related of timeline
  • Relatedkeyframe related of tween

Stop describing. Start naming.

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

Start a brief