prefers-reduced-motion – CSS: Cascading Style Sheets | MDN

The prefers-reduced-motion CSS media feature is used to detect if the user has requested that the system minimize the amount of non-essential motion it uses.

Important: An embedded example at the bottom of this page has a scaling movement that may be problematic for some readers. Readers with vestibular motion disorders may wish to enable the reduce motion feature on their device before viewing the animation.


Indicates that the user has made no preference known to the system.
Indicates that user has notified the system that they prefer an interface that removes or replaces the types of motion-based animation that trigger discomfort [...]

Read article at

Article Taxonomies

Terms: , , , , , ,