HTML & CSS · Middle · Question 47 of 75
How do you accommodate users for whom animations cause discomfort?
- ✓Correct answer: Use
prefers-reduced-motion: reduceto simplify or disable animations - 2Keep every animation shorter than one second so it doesn't bother anyone
- 3Animate only
opacity, because it never causes discomfort
Explanation
Users can enable "reduce motion" in their OS (vestibular disorders, migraines). @media (prefers-reduced-motion: reduce) lets you replace parallax and large movements with gentle transitions. Tailwind has motion-reduce: and motion-safe: variants for this.