How to reduce motion in various operating systems

Enabling this setting in your operating system will set the prefers-reduce-motion: reduce media query in modern web browsers.

  • macOS: System Preferences > Accessibility > Display > check Reduce Motion.
  • iOS/iPadOS: Settings > Accessibility > Motion > toggle Reduce Motion.
  • Windows 11: Start > Settings > Accessibility > Visual Effects > toggle Animation Effects.
  • Windows 10: Start > Settings > Ease of Access > Display > toggle Show animations in Windows.
  • Android: Settings > Accessibility > toggle Remove Animations.

prefers-reduced-motion | MDN Web Docs

Update March 1, 2022: Added Windows 11. The MDN Web Docs page has a more thorough list that I expect is updated as operatings systems change.