Reduce motion

[zouloux]

Désactivation de toutes les animations CSS (tant pis pour le JS) comme comportement par défaut lorsque l'utilisateur a sélectionné l'option "reduce motion" sur MacOS ou iOS

https://twitter.com/scottjehl/status/1085600505299111936

[zouloux]

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

T'es penses quoi ?

[willybrauner]

Ce n'est pas quelque chose dont j'ai déjà eu besoin mais ça ne coûte rien de l'implémenter. Dans l'idée, moins on utilise le gros mot "!important" et mieux on se portera. Dans le cas de l'utilisation conditionnelle ça peut passer.

[willybrauner]

Ok je comprends mieux.
https://developer.mozilla.org/fr/docs/Web/CSS/@media/prefers-reduced-motion

"Cet exemple possède une animation désagréable qui sera exécutée à moins d'activer la réduction de mouvement dans les préférences relatives à l'accessibilité."

Par contre ça ne fonctionne en gros que sur firefox. Donc pas utile.
https://caniuse.com/#search=prefers-reduced-motion