aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/@media/prefers-reduced-motion/index.html
diff options
context:
space:
mode:
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.html11
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>