Reduce motion
Use af-reduce-motion to reduce or remove animations in a subtree for users who prefer reduced motion.
Quick reference
Section titled “Quick reference”| Class | Styles |
|---|---|
af-reduce-motion | Forces near-zero animation/transition durations within subtree |
Examples
Section titled “Examples”Reduce motion in a subtree
<div class="af-reduce-motion">
<div class="af-spinner">
</div>
</div>Responsive variants
Section titled “Responsive variants”All reduce-motion utilities support responsive variants using the @{bp} suffix.
See Responsive Suffix for syntax and breakpoints.