diff options
Diffstat (limited to 'files/fr/web/css/mask-composite/index.html')
-rw-r--r-- | files/fr/web/css/mask-composite/index.html | 12 |
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"><div id="masked"> +<pre class="brush: html hidden"><div id="masked"> </div> <select id="compositeMode"> <option value="add">add</option> @@ -78,14 +75,11 @@ mask-composite: unset; </select> </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> |