A curve that controls how an animation accelerates and decelerates over time, rather than moving at a constant rate.

Example Usage

Use ease-out for elements entering the screen. They arrive quickly and settle softly.
timevalue
Fig 1.5 Easing

Linear motion looks mechanical. Almost every interface animation wants easing. The common mistake is reaching for ease-in where ease-out belongs: a thing arriving should decelerate, not speed up.