diff options
Diffstat (limited to 'files/fr/web/css/@media/prefers-reduced-motion/index.html')
-rw-r--r-- | files/fr/web/css/@media/prefers-reduced-motion/index.html | 11 |
1 files changed, 4 insertions, 7 deletions
diff --git a/files/fr/web/css/@media/prefers-reduced-motion/index.html b/files/fr/web/css/@media/prefers-reduced-motion/index.html index 9f161ee4fd..daf259477f 100644 --- a/files/fr/web/css/@media/prefers-reduced-motion/index.html +++ b/files/fr/web/css/@media/prefers-reduced-motion/index.html @@ -12,11 +12,10 @@ translation_of: Web/CSS/@media/prefers-reduced-motion --- <div>{{CSSRef}}</div> -<p class="summary">La <a href="/fr/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">requêtes média</a> <a href="/fr/docs/Web/CSS">CSS</a> <strong><code>prefers-reduced-motion</code></strong> détecte si l'utilisateur a demandé au système de minimiser la quantité d'animation ou de mouvement.</p> +<p>La <a href="/fr/docs/Web/CSS/Media_Queries/Using_media_queries#media_features">requêtes média</a> <a href="/fr/docs/Web/CSS">CSS</a> <strong><code>prefers-reduced-motion</code></strong> détecte si l'utilisateur a demandé au système de minimiser la quantité d'animation ou de mouvement.</p> -<div class="notecard warning"> - <p><b>Important :</b><p> - <p>Un exemple intégré au bas de cette page comporte un mouvement d'échelle qui peut poser problème à certains lecteurs. Les lecteurs souffrant de troubles du mouvement vestibulaire peuvent souhaiter activer la fonction de réduction du mouvement sur leur appareil avant de visionner l'animation.</p> +<div class="warning"> + <p><strong>Attention :</strong> Un exemple intégré au bas de cette page comporte un mouvement d'échelle qui peut poser problème à certains lecteurs. Les lecteurs souffrant de troubles du mouvement vestibulaire peuvent souhaiter activer la fonction de réduction du mouvement sur leur appareil avant de visionner l'animation.</p> </div> <h2 id="syntax">Syntaxe</h2> @@ -63,8 +62,7 @@ translation_of: Web/CSS/@media/prefers-reduced-motion } </pre> -<div class="hidden"> -<pre class="brush: css">.animation { +<pre class="brush: css hidden">.animation { background-color: rebeccapurple; color: #fff; font: 1.2em Helvetica, arial, sans-serif; @@ -106,7 +104,6 @@ translation_of: Web/CSS/@media/prefers-reduced-motion } } </pre> -</div> <h3 id="result">Résultat</h3> |