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.
Status
Baseline Widely Available (since 2022-07-15)
MDN documentation
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
Surveys
- State of HTML 2025 > accessibility > accessibility techniques
- State of HTML 2024 > accessibility > accessibility techniques
- State of HTML 2023 > accessibility > accessibility techniques
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > interactions > interactions pain points
- State of CSS 2024 > features > all features
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist