CSS · Motion and transforms

prefers-reduced-motion

Respects users who ask the operating system to reduce motion. Disable non-essential animation here.

cssRunnable example css course

Syntax

@media (prefers-reduced-motion: reduce)

Example

Try it

@media (prefers-reduced-motion: reduce) { .demo { animation: none; transition: none; } }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.