yield to context

Adapt to user preferences

/* Default: full animation */
.box {
  animation: spin 2s linear infinite;
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .box {
    /* Gentler alternative */
    animation: pulse 2s ease-in-out infinite;
  }
  
  /* Or remove animation entirely */
  * {
    animation: none !important;
  }
}