SuperAPI AI Directory

reduce-motion

Frontend & websites

View repository

Updated 10-16 06:03

About this skill

/reduce-motion — Reduced Motion Support

For every animation and transition in the code:

  1. Wrap in @media (prefers-reduced-motion: no-preference) { }
  2. Add @media (prefers-reduced-motion: reduce) with:
    • animation-duration: 0.01ms
    • transition-duration: 0.01ms
    • Preserve final states (don't hide content that animates in)
  3. Test that the page is fully usable without any motion