Disable Animations

Sometimes we want to disable an animation when certain conditions are met. For example: when devices are low performing, when browsers are old, or when a user has their system setting set to minimize the amount of nonessential motion (prefers-reduced-motion media query). Angular provides us with three ways to disable its animations.

Note: The methods discussed in this lesson only apply to animations created using Angular animations. This wouldn’t affect animations created using other methods such as CSS or Web animation APIs.