3 ms·
There is a CSS media query for that: prefers-reduced-motion Now whether any sites actually make use of it is another matter. Also I don't know how the user wou
by ficklepickle 6y ago
There is a CSS media query for that: prefers-reduced-motion
Now whether any sites actually make use of it is another matter. Also I don't know how the user would enable it. Perhaps an OS-specific, system-wide setting like dark mode.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...
- dullgiulio 6y agoAgain, disabling features is a feature given to the site developer, not to the visitor, who's actually running the code. It would be so much better if browsers were User Agents and respected user settings before the will of the site creator.
- robin_reala 6y agoThey are? * { animation-play-state: paused !important; transition-duration: 0s !important; }
- duskwuff 6y ago> Also I don't know how the user would enable it. In Apple products, it's exposed as an accessibility option: macOS: https://support.apple.com/guide/mac-help/reduce-screen-motion-mchlc03f57a1/mac https://support.apple.com/guide/mac-help/reduce-screen-motio... iOS: https://support.apple.com/en-us/HT202655 https://support.apple.com/en-us/HT202655 tvOS: https://support.apple.com/guide/tv/reduce-screen-motion-atvb1f949820/tvos https://support.apple.com/guide/tv/reduce-screen-motion-atvb... (which also disables autoplaying previews!)
- robin_reala 6y agoA friend integrated it into Bootstrap for default animations last year, so I’d guess that a lot of sites are using it.
- ahed 6y agoonly for Safari on macOS and iOS
- robin_reala 6y agoNo? https://caniuse.com/#feat=prefers-reduced-motion https://caniuse.com/#feat=prefers-reduced-motion