Ease-in curve

An ease-in curve starts slowly and speeds up toward the end, like a sprinter pushing off the blocks.

Because it ends at full speed, the stop can feel abrupt if the element stays on screen. Ease-in works best for elements that are leaving, such as a dismissed toast sliding out of view.

In CSS this curve is called ease-in. Keep exits short; around 150–200 ms is a good starting point, because people rarely need to watch something leave.