diff options
Diffstat (limited to 'files/fr/web/css/mix-blend-mode/index.html')
-rw-r--r-- | files/fr/web/css/mix-blend-mode/index.html | 16 |
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 <blend-mode> */ @@ -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"><div class="grid"> +<pre class="brush: html hidden"><div class="grid"> <div class="col"> - <div class="note">Blending isolé (pas de blending avec l'arrière-plan)</div> + <div class="note">Blending in isolation (no blending with the background)</div> <div class="row isolate"> <div class="cell"> normal <div class="container normal"> @@ -267,7 +264,7 @@ mix-blend-mode: unset; </div> </div> - <div class="note">Blending étendu (avec l'arrière-plan)</div> + <div class="note">Blending globally (blend with the background)</div> <div class="row"> <div class="cell"> normal <div class="container normal"> @@ -465,7 +462,7 @@ mix-blend-mode: unset; </div> </div></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> |