aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/mix-blend-mode/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/mix-blend-mode/index.html')
-rw-r--r--files/fr/web/css/mix-blend-mode/index.html16
1 files changed, 6 insertions, 10 deletions
diff --git a/files/fr/web/css/mix-blend-mode/index.html b/files/fr/web/css/mix-blend-mode/index.html
index 792a30d1eb..33029b3111 100644
--- a/files/fr/web/css/mix-blend-mode/index.html
+++ b/files/fr/web/css/mix-blend-mode/index.html
@@ -13,8 +13,6 @@ translation_of: Web/CSS/mix-blend-mode
<div>{{EmbedInteractiveExample("pages/css/mix-blend-mode.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>
-
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="brush:css no-line-numbers">/* Valeurs de type &lt;blend-mode&gt; */
@@ -52,12 +50,11 @@ mix-blend-mode: unset;
{{csssyntax}}
-<h2 id="Exemples">Exemples</h2>
+<h2 id="exemples">Exemples</h2>
-<div class="hidden" id="mix-blend-mode">
-<pre class="brush: html">&lt;div class="grid"&gt;
+<pre class="brush: html hidden">&lt;div class="grid"&gt;
&lt;div class="col"&gt;
- &lt;div class="note"&gt;Blending isolé (pas de blending avec l'arrière-plan)&lt;/div&gt;
+ &lt;div class="note"&gt;Blending in isolation (no blending with the background)&lt;/div&gt;
&lt;div class="row isolate"&gt;
&lt;div class="cell"&gt; normal
&lt;div class="container normal"&gt;
@@ -267,7 +264,7 @@ mix-blend-mode: unset;
&lt;/div&gt;
&lt;/div&gt;
- &lt;div class="note"&gt;Blending étendu (avec l'arrière-plan)&lt;/div&gt;
+ &lt;div class="note"&gt;Blending globally (blend with the background)&lt;/div&gt;
&lt;div class="row"&gt;
&lt;div class="cell"&gt; normal
&lt;div class="container normal"&gt;
@@ -465,7 +462,7 @@ mix-blend-mode: unset;
&lt;/div&gt;
&lt;/div&gt;</pre>
-<pre class="brush: css">html,body {
+<pre class="brush: css hidden">html,body {
height: 100%;
box-sizing: border-box;
background: #EEE;
@@ -558,9 +555,8 @@ mix-blend-mode: unset;
.saturation .item { mix-blend-mode: saturation; }
.color .item { mix-blend-mode: color; }
.luminosity .item { mix-blend-mode: luminosity; }</pre>
-</div>
-<div>{{EmbedLiveSample("mix-blend-mode", "100%", 500, "", "", "example-outcome-frame")}}</div>
+<div>{{EmbedLiveSample("exemples", "100%", 1600, "", "", "example-outcome-frame")}}</div>
<h3 id="Exemple_avec_SVG">Exemple avec SVG</h3>