Easing · How speed changes
Ease-in缓入
- slow start
- accelerating
- decisive
Slow at first and faster as it goes, well suited to an element accelerating off screen that no longer needs to be read.
When to use it
Use it when an element exits, disappears or is removed; using it for entrances makes the interface feel sluggish.
Parameters
cubic-bezier(0.55, 0, 1, 0.45) · 180ms
Recipe
Ease-in → 180ms cubic-bezier(0.55, 0, 1, 0.45)
One sentence for your AI
Change this toast's exit easing to cubic-bezier(0.55, 0, 1, 0.45) over 180ms, fading out while moving 8px down.