Try the motion
Motion follows your device preference.Reduced motion: changes are immediate. Your device’s reduced-motion setting always takes priority.
Compare durations
Same distance and curve. Different speeds.
- instant
80ms - fast
140ms - normal
220ms - slow
360ms
All samples travel 24px using ease-standard. Toggle again to bring them back.
Arrive, then leave
A small offset connects the change. The exit is faster.
Enter: duration-normal / ease-enter with distance-4. Exit: duration-fast / ease-exit. Reduced motion shows or hides the sample immediately.