aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/gradient
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/gradient')
-rw-r--r--files/fr/web/css/gradient/index.html12
1 files changed, 3 insertions, 9 deletions
diff --git a/files/fr/web/css/gradient/index.html b/files/fr/web/css/gradient/index.html
index 76c1c773d0..99fc1e5279 100644
--- a/files/fr/web/css/gradient/index.html
+++ b/files/fr/web/css/gradient/index.html
@@ -13,8 +13,6 @@ translation_of: Web/CSS/gradient
<div>{{EmbedInteractiveExample("pages/css/type-gradient.html")}}</div>
-<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p>
-
<p>Comme pour l'interpolation des autres couleurs, les dégradés sont calculés dans l'espace de couleurs alpha prémultiplié. Cela permet d'éviter l'apparition de nuances de gris lorsque la couleur et l'opacité varient (on peut constater ce problème avec le mot-clé <code>transparent</code> dans d'anciens navigateurs).</p>
<h2 id="Les_types_de_dégradés">Les types de dégradés</h2>
@@ -69,24 +67,20 @@ translation_of: Web/CSS/gradient
<p>Les couleurs de transitions s'appliquent progressivement autour d'un cercle. Un tel dégradé est généré avec la fonction {{cssref("conic-gradient","conic-gradient()")}}.</p>
-<div id="conic-gradient">
-<div class="hidden">
-<pre class="brush: html">&lt;div class="conic-gradient"&gt;Conic gradient&lt;/div&gt;
+<pre class="brush: html hidden">&lt;div class="conic-gradient"&gt;Conic gradient&lt;/div&gt;
</pre>
-<pre class="brush: css">div {
+<pre class="brush: css hidden">div {
width: 200px;
height: 200px;
}</pre>
-</div>
<pre class="brush: css">.conic-gradient {
background: conic-gradient(lightpink, white, powderblue);
}
</pre>
-<p>{{EmbedLiveSample('conic-gradient', 240, 80)}}</p>
-</div>
+<p>{{EmbedLiveSample('dégradé_conique', 240, 80)}}</p>
<h2 id="Spécifications">Spécifications</h2>