CSS prefers-reduced-motion media query

CSS

Support will be added for the CSS prefers-reduced-motion media query. The prefers-reduced-motion media query detects whether the user has requested that the system minimize the amount of motion it uses; in particular motion-based animation. This is for users who either require or prefer minimized motion. For example people with vestibular disorders often desire animation motion to be kept to a minimum.

Demo

https://webkit.org/blog-files/prefers-reduced-motion/prm.htm

Specification

Editor's draft

Status in Chromium

Blink components: Blink>Animation

Enabled by default (tracking bug) in:

Chrome for desktop release 74
Chrome for Android release 74
Android WebView release 74

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: Shipped/Shipping
Edge: No signal
Safari: Shipped/Shipping
Web Developers: Positive

Owner

smcgruer@chromium.org

Last updated on 2020-10-15