Easing · How speed changes
Ease-in-out缓入缓出
- symmetrical
- even
- smooth
Slow at both ends and fast in the middle. The symmetry suits elements that move back and forth while staying on screen.
When to use it
Use it for looping animations or elements that move back and forth; for plain entrances and exits use “Ease-out” and “Ease-in” respectively.
Parameters
cubic-bezier(0.65, 0, 0.35, 1) · 300ms
Recipe
Ease-in-out → 300ms cubic-bezier(0.65, 0, 0.35, 1)
One sentence for your AI
Set this indicator's side-to-side easing to cubic-bezier(0.65, 0, 0.35, 1), 300ms per pass, looping back and forth.