reduce-motion.css 708 B

1234567891011121314151617181920
  1. /*
  2. * 1. Remove animations when motion is reduced (opinionated).
  3. * 2. Remove fixed background attachments when motion is reduced (opinionated).
  4. * 3. Remove timed scrolling behaviors when motion is reduced (opinionated).
  5. * 4. Remove transitions when motion is reduced (opinionated).
  6. */
  7. @media (prefers-reduced-motion: reduce) {
  8. *,
  9. ::before,
  10. ::after {
  11. animation-delay: -1ms !important; /* 1 */
  12. animation-duration: 1ms !important; /* 1 */
  13. animation-iteration-count: 1 !important; /* 1 */
  14. background-attachment: initial !important; /* 2 */
  15. scroll-behavior: auto !important; /* 3 */
  16. transition-delay: 0s !important; /* 4 */
  17. transition-duration: 0s !important; /* 4 */
  18. }
  19. }