aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/svg/element/mask
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-01 07:45:47 +0100
committerGitHub <noreply@github.com>2021-11-01 07:45:47 +0100
commite7f1d07cba1f78b72eb43bfcdabc262359c4991a (patch)
tree04dbbcb9a5ed0ccf1cfb31bdce6a7ab9a5866be8 /files/fr/web/svg/element/mask
parentaab1606ed15d15bb1dc3a73f33dd60b7230e77fa (diff)
downloadtranslated-content-e7f1d07cba1f78b72eb43bfcdabc262359c4991a.tar.gz
translated-content-e7f1d07cba1f78b72eb43bfcdabc262359c4991a.tar.bz2
translated-content-e7f1d07cba1f78b72eb43bfcdabc262359c4991a.zip
Prepare SVG section for Markdown conversion (#2570)
* Remove summary classes * Remove hidden classes out of pre * Remove spans * Remove notranslate class * Remove ids out of headings * missed 2 ids with regex * clean note and warning cards * fix headings errors * Fix dls and as * fix imgs * lint stuff (absolute urls, english links) * Temporarily readding file * delete inexisting doc in en-US with flaws * Fixes #2842 for SVG
Diffstat (limited to 'files/fr/web/svg/element/mask')
-rw-r--r--files/fr/web/svg/element/mask/index.html18
1 files changed, 8 insertions, 10 deletions
diff --git a/files/fr/web/svg/element/mask/index.html b/files/fr/web/svg/element/mask/index.html
index b771cc8724..20f0088b0d 100644
--- a/files/fr/web/svg/element/mask/index.html
+++ b/files/fr/web/svg/element/mask/index.html
@@ -15,10 +15,9 @@ translation_of: Web/SVG/Element/mask
<p>Le masque permet de rendre des zones de l'élément sur lequel est appliqué (semi-)transparentes. On peut par exemple créer un effet de fondu en utilisant un dégradé, ce que le détourage ({{SVGElement('clipPath')}}) ne permet pas.</p>
-<div id="Example">
-<div class="hidden">
-<pre class="brush: css">html,body,svg { height:100% }</pre>
-</div>
+<h2>Exemple</h2>
+
+<pre class="brush: css hidden">html,body,svg { height:100% }</pre>
<pre class="brush: html">&lt;svg viewBox="-10 -10 120 120"&gt;
&lt;mask id="myMask"&gt;
@@ -35,13 +34,12 @@ translation_of: Web/SVG/Element/mask
&lt;circle cx="50" cy="50" r="50" mask="url(#myMask)" /&gt;
&lt;/svg&gt;</pre>
-<p>{{EmbedLiveSample('Example', 100, 100)}}</p>
-</div>
+<p>{{EmbedLiveSample('exemple', 100, 100)}}</p>
<h2 id="Attributs">Attributs</h2>
<dl>
- <dt id="attr-cx">{{SVGAttr("height")}}</dt>
+ <dt>{{SVGAttr("height")}}</dt>
<dd>Définit la hauteur du masque.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong>&lt;length&gt;</strong></a> ; Valeur par défaut: <code>120%</code>; <em>Animation</em>: <strong>oui</strong></small></dd>
<dt>{{SVGAttr("maskContentUnits")}}</dt>
@@ -50,13 +48,13 @@ translation_of: Web/SVG/Element/mask
<dt>{{SVGAttr("maskUnits")}}</dt>
<dd>Définit le système de coordonnées pour les attributs {{SVGAttr("x")}}, {{SVGAttr("y")}}, {{SVGAttr("width")}} et {{SVGAttr("height")}} du <code>&lt;mask&gt;</code>.<br>
<small><em>Valeur</em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code> ; <em>Valeur par défaut</em>: <code>objectBoundingBox</code>; <em>Animation</em>: <strong>oui</strong></small></dd>
- <dt id="attr-cx">{{SVGAttr("x")}}</dt>
+ <dt>{{SVGAttr("x")}}</dt>
<dd>Définit la coordonnée de l'axe x du coin supérieur gauche du masque.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Coordinate"><strong>&lt;coordinate&gt;</strong></a> ; <em>Valeur par défaut</em>: <code>-10%</code>; <em>Animation</em>: <strong>oui</strong></small></dd>
- <dt id="attr-cx">{{SVGAttr("y")}}</dt>
+ <dt>{{SVGAttr("y")}}</dt>
<dd>Définit la coordonnée de l'axe y du coin supérieur gauche du masque.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Coordinate"><strong>&lt;coordinate&gt;</strong></a> ; <em>Valeur par défaut</em>: <code>-10%</code>; <em>Animation</em>: <strong>oui</strong></small></dd>
- <dt id="attr-cx">{{SVGAttr("width")}}</dt>
+ <dt>{{SVGAttr("width")}}</dt>
<dd>Définit la largeur du masque.<br>
<small><em>Valeur</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong>&lt;length&gt;</strong></a> ; Valeur par défaut: <code>120%</code>; <em>Animation</em>: <strong>oui</strong></small></dd>
</dl>