ui-ux/animation-motion

animation motion Shipped

What this lens looks for

CSS transitions and JS animations use correct duration ranges per interaction type; prefers-reduced-motion: reduce media query disables/simplifies all animations; no continuous loops or large-distance motion

What its verifier checks

prefers-reduced-motion media query handled in CSS; no animation: infinite without reduced-motion fallback; transition durations within specified ranges for interaction type