Correct: Users Should Be Able Request Reduced Motion

Source: Lousma, Jack R. - Water Survival Training - FL, NASA Image and Video Library

How To Request Reduced Motion

Firefox will reduce the motion if:

In GTK/Gnome, if gtk-enable-animations is set to false. This is configurable via GNOME Tweaks (Appearance tab or General tab, depending on version).

Alternately, add gtk-enable-animations = false to the [Settings] block of the GTK 3 configuration file.

In Windows 10: Settings > Ease of Access > Display > Show animations in Windows.

In Window 7: Control Panel > Ease of Access > Make the computer easier to see > Turn off all unnecessary animations (when possible).

In macOS: System Preferences > Accessibility > Display > Reduce motion.

In iOS: Settings > General > Accessibility > Reduce Motion.

In Android 9+: Settings > Accessibility > Remove animations.

Source "prefers-reduced-motion", MDN Web Docs

Code


    @media (prefers-reduced-motion: reduce) {
      *,
      ::before,
      ::after {
        animation-duration: 0.001s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001s !important;
      }
    }

Correct: Users Should Be Able Request Reduced Motion

How To Request Reduced Motion

Code

Resources