Reduce motion

[willybrauner]

Reduce motion

[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