Widely Available
Media queries
id: prefers-reduced-motion
prefers-reduced-motion media query
The
prefers-reduced-motion CSS media query sets styles based on whether the user prefers to minimize the amount of non-essential animations on the device, such as scrolling, panning, zooming, and strobing.
Baseline Status:
Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).
Desktop Browser Engine Support
Google Chrome
74
Supported
Mozilla Firefox
63
Supported
Apple Safari
10.1
Supported
Microsoft Edge
79
Supported
Mobile Browser Engine Support
Chrome Android
74
Firefox Android
64
Safari iOS
10.3
Specifications and References