Reduce Motion
When the user asks for reduced motion, replace positional slides/springs with fades, drop parallax and z-axis/blur animation, and keep opacity/color changes that aid comprehension.
@media (prefers-reduced-motion: reduce) → a sheet fades in instead of sliding up.
Default: slides up
Tap the example to replay it · press and hold to slow it down