Easing · How speed changes
Ease-out缓出
- quick start
- soft landing
- natural
Fast at the start and slowing near the end, like something pushed that gradually loses speed. It is the most common easing in interfaces.
When to use it
Prefer it when elements enter, expand or appear; when an element leaves the screen, switch to “Ease-in”.
Parameters
cubic-bezier(0.22, 1, 0.36, 1) · 200ms
Recipe
Ease-out → 200ms cubic-bezier(0.22, 1, 0.36, 1)
One sentence for your AI
Change this content's entrance easing to cubic-bezier(0.22, 1, 0.36, 1) at 200ms so it starts fast and settles gently.