prefers-reduced-motion media query
Widely available
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.
To learn more, see
prefers-reduced-motion at MDN.
Compatibility (view on caniuse.com)
- Chrome 74 Released on 2019-04-23
- Chrome Android 74 Released on 2019-04-24
- Edge 79 Released on 2020-01-15
- Firefox 63 Released on 2018-10-23
- Firefox for Android 64 Released on 2018-12-11
- Safari 10.1 Released on 2017-03-27
- Safari on iOS 10.3 Released on 2017-03-27