prefers-reduced-motion media query
Widely available since 2022-07-15
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.
Learn more
Specifications
Browser support (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
Developer signals
- State of HTML 2024: accessibility/accessibility_techniques question
- State of HTML 2023: accessibility/accessibility_techniques question
- State of CSS 2024: features/all_features question
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist