aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/css_transforms
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/css/css_transforms')
-rw-r--r--files/fr/web/css/css_transforms/index.html2
-rw-r--r--files/fr/web/css/css_transforms/using_css_transforms/index.html8
2 files changed, 4 insertions, 6 deletions
diff --git a/files/fr/web/css/css_transforms/index.html b/files/fr/web/css/css_transforms/index.html
index 66190eedac..be8a54dc82 100644
--- a/files/fr/web/css/css_transforms/index.html
+++ b/files/fr/web/css/css_transforms/index.html
@@ -16,7 +16,6 @@ translation_of: Web/CSS/CSS_Transforms
<h3 id="Propriétés">Propriétés</h3>
-<div class="index">
<ul>
<li>{{cssxref("backface-visibility")}}</li>
<li>{{cssxref("perspective")}}</li>
@@ -29,7 +28,6 @@ translation_of: Web/CSS/CSS_Transforms
<li>{{cssxref("transform-style")}}</li>
<li>{{cssxref("translate")}}</li>
</ul>
-</div>
<h3 id="Types_de_donnée">Types de donnée</h3>
diff --git a/files/fr/web/css/css_transforms/using_css_transforms/index.html b/files/fr/web/css/css_transforms/using_css_transforms/index.html
index 93716e66d0..e52bf437be 100644
--- a/files/fr/web/css/css_transforms/using_css_transforms/index.html
+++ b/files/fr/web/css/css_transforms/using_css_transforms/index.html
@@ -19,7 +19,7 @@ original_slug: Web/CSS/CSS_Transforms/Utilisation_des_transformations_CSS
<p>En modifiant l'espace des coordonnées, les <strong>transformations CSS</strong> permettent de changer la position d'un contenu affecté sans perturber le flux normal. Elles sont implémentées en utilisant un ensemble de propriétés CSS qui vous permettre d'appliquer des transformations affines aux éléments HTML. Ces transformations incluent la rotation, l'inclinaison et la translation à la fois dans le plan ou dans un espace 3D.</p>
<div class="warning">
-<p><strong>Attention !</strong> Seuls les éléments positionnés selon <a href="/fr/docs/Web/CSS/Modèle_de_boîte_CSS">le modèle de boîtes</a> peuvent être transformés. Pour simplifier, on peut se souvenir que tout élément avec <code>display: block</code> est positionné selon le modèle de boîtes.</p>
+<p><strong>Attention :</strong> Seuls les éléments positionnés selon <a href="/fr/docs/Web/CSS/CSS_Box_Model">le modèle de boîtes</a> peuvent être transformés. Pour simplifier, on peut se souvenir que tout élément avec <code>display: block</code> est positionné selon le modèle de boîtes.</p>
</div>
<h2 id="Propriétés_des_transformations_CSS">Propriétés des transformations CSS</h2>
@@ -37,7 +37,7 @@ original_slug: Web/CSS/CSS_Transforms/Utilisation_des_transformations_CSS
<p>Voici une version originale du logo MDN :</p>
-<p><img alt="MDN Logo" src="https://mdn.mozillademos.org/files/12539/Screen%20Shot%202016-02-16%20at%2015.53.54.png" style="height: 106px; width: 110px;"></p>
+<p><img alt="MDN Logo" src="screen_shot_2016-02-16_at_15.53.54.png"></p>
<h3 id="Rotation">Rotation</h3>
@@ -45,7 +45,7 @@ original_slug: Web/CSS/CSS_Transforms/Utilisation_des_transformations_CSS
<pre class="brush: html">&lt;img style="transform: rotate(90deg);
transform-origin: bottom left;"
- src="https://mdn.mozillademos.org/files/12539/Screen%20Shot%202016-02-16%20at%2015.53.54.png"&gt;
+ src="screen_shot_2016-02-16_at_15.53.54.png"&gt;
</pre>
<p>{{EmbedLiveSample('Rotation','auto',240)}}</p>
@@ -56,7 +56,7 @@ original_slug: Web/CSS/CSS_Transforms/Utilisation_des_transformations_CSS
<pre class="brush: html">&lt;img style="transform: skewx(10deg) translatex(150px);
transform-origin: bottom left;"
- src="https://mdn.mozillademos.org/files/12539/Screen%20Shot%202016-02-16%20at%2015.53.54.png"&gt;
+ src="screen_shot_2016-02-16_at_15.53.54.png"&gt;
</pre>
<p>{{EmbedLiveSample('Distorsion_et_translation')}}</p>