Désactiver toute animation/transition quand l'utilisateur l'a demandé

[PhilippeVay]

Hello,

cette astuce aurait sa place dans KNACSS :

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

Cela permet sur Safari et Firefox à un utilisateur le souhaitant de ne pas subir d'animation ni de transition CSS, bon pour l'accessibilité. Cette astuce permet d'automatiser sans qu'un·e inté/dév ait besoin d'y penser à chaque fois ou d'avoir à créer une mixin qui ferait la même chose au cas par cas.

Source : https://twitter.com/scottjehl/status/1085600505299111936 Vu ou revu dans les réponses https://hugogiraudel.com/2018/03/19/implementing-a-reduced-motion-mode/ (coupler avec une variable CSS et tl;dr)

Références : MDN et CSS-tricks

[raphaelgoetter]

Done 7.1.2