<?xml version="1.0" encoding="utf-8"?>

Ease-in curve

Ease-in curves start slowly and gradually speed up. They are similar to a roller coaster that slowly picks up speed before the top and then zooms down.

While ease-in curves are more natural than linear curves, the way they abruptly end isn’t the most natural motion. They’re an excellent option for elements that complete their animation offscreen, though.

Pro Tip: Ease-in timing function works great for things like system notifications.

Improve your UX & Product skills with interactive courses that actually work