Easing timing function

Animations with easing functions change speed over time, similar to a car accelerating and decelerating. The graph of this motion is depicted by an easing curve. The animation starts slowly, picks up speed, and then gradually slows down again before coming to a stop. Easing curves add natural fluidity to the motion of digital objects, making animations more visually appealing and realistic.

There are 3 basic types of easing curves: ease-in, ease-out, and ease-in-out. Each offers a different way to control how the speed changes, thereby enhancing the overall feel and effectiveness of the animation.