Web platform features explorer

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

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