Easing Function Guide

Hover over each element to see easing functions.

Linear

Same speed from start to end.

Ease (default)

Good default option in most cases.

Ease-in

Starts slowly and ends quickly.

Ease-out

Starts quickly and ends slowly.

Ease-in-out

Starts fast and ends slow.

Overshoot

Its intended stop point and stops suddenly with a pendulum effect.

Anticipate