Skip to content

Ease-in-out vs Ease-out

Ease-out starts fast and settles; use it for things entering or reacting. Ease-in-out speeds up then slows; use it for things already on screen moving from A to B.

DesignWrite the brief
BuildShip the sidebar
ReviewReview the demos

Ease-in-out

Motion that speeds up and then slows down, for elements already on screen moving from one spot to another.

Options
Dashboard
Billing
Settings
Log out

Ease-out

Motion that starts fast and slows into place, the default for anything responding to the user.