prefers-reduced-motion media query
- WDCSS media query based on a user preference for preferring reduced motion (animation, etc).
IE
- 5.5 - 10: Not supported
- 11: Not supported
Edge
- 12 - 18: Not supported
- 79 - 102: Supported
- 103: Supported
Firefox
- 2 - 62: Not supported
- 63 - 100: Supported
- 101: Supported
- 102 - 103: Supported
Chrome
- 4 - 73: Not supported
- 74 - 102: Supported
- 103: Supported
- 104 - 106: Supported
Safari
- 3.1 - 10: Not supported
- 10.1 - 15.4: Supported
- 15.5: Supported
- 16.0 - TP: Supported
Opera
- 9 - 63: Not supported
- 64 - 85: Supported
- 86: Supported
- 87: Supported
Safari on iOS
- 3.2 - 10.2: Not supported
- 10.3 - 15.4: Supported
- 15.5: Supported
- 16.0: Supported
Opera Mini
- all: Not supported
Android Browser
- 2.1 - 4.4.4: Not supported
- 101: Supported
Opera Mobile
- 10 - 12.1: Not supported
- 64: Supported
Chrome for Android
- 102: Supported
Firefox for Android
- 101: Supported
UC Browser for Android
- 12.12: Not supported
Samsung Internet
- 4 - 10.1: Not supported
- 11.1 - 16.0: Supported
- 17.0: Supported
QQ Browser
- 10.4: Not supported
Baidu Browser
- 7.12: Not supported
KaiOS Browser
- 2.5: Not supported
prefers-reduced-motion media query also depends on the OS as to whether it is supported.
- Resources:
- CSS Tricks article
- WebKit blog post