aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/mask-composite/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/mask-composite/index.html')
-rw-r--r--files/fr/web/css/mask-composite/index.html12
1 files changed, 3 insertions, 9 deletions
diff --git a/files/fr/web/css/mask-composite/index.html b/files/fr/web/css/mask-composite/index.html
index 19bb9fcd47..33b5bc3f26 100644
--- a/files/fr/web/css/mask-composite/index.html
+++ b/files/fr/web/css/mask-composite/index.html
@@ -51,7 +51,7 @@ mask-composite: unset;
<h3 id="CSS">CSS</h3>
-<pre class="brush: css; highlight[7]">#masked {
+<pre class="brush: css">#masked {
width: 100px;
height: 100px;
background-color: #8cffa0;
@@ -65,10 +65,7 @@ mask-composite: unset;
}
</pre>
-<div class="hidden">
-<h3 id="HTML">HTML</h3>
-
-<pre class="brush: html">&lt;div id="masked"&gt;
+<pre class="brush: html hidden">&lt;div id="masked"&gt;
&lt;/div&gt;
&lt;select id="compositeMode"&gt;
&lt;option value="add"&gt;add&lt;/option&gt;
@@ -78,14 +75,11 @@ mask-composite: unset;
&lt;/select&gt;
</pre>
-<h3 id="JavaScript">JavaScript</h3>
-
-<pre class="brush: js">var clipBox = document.getElementById("compositeMode");
+<pre class="brush: js hidden">var clipBox = document.getElementById("compositeMode");
clipBox.addEventListener("change", function (evt) {
document.getElementById("masked").style.maskClip = evt.target.value;
});
</pre>
-</div>
<p>{{EmbedLiveSample("Exemples", "200px", "200px")}}</p>