/ Code Css -moz-transform | Résultat du code Css -moz-transform | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS -moz-transform.

.identifiant{-moz-transform:translate(20px,10px); }
<div style="height:70px; width:400px; border:1px solid blue; ">
<div style="-moz-transform:translate(20px,10px); height:50px; width:200px; border:1px solid red; ">-moz-transform:translate(x,y)</div>
</div>
.identifiant{-moz-transform:translateX(20px); }
<div style="height:70px; width:400px; border:1px solid blue; ">
<div style="-moz-transform:translateX(20px); height:50px; width:200px; border:1px solid red; ">-moz-transform:translateX(x)</div>
</div>
.identifiant{-moz-transform:translateY(10px); }
<div style="height:70px; width:400px; border:1px solid blue; ">
<div style="-moz-transform:translateY(10px); height:50px; width:200px; border:1px solid red; ">-moz-transform:translateY(y)</div>
</div>
.identifiant{-moz-transform:scale(-0.5,-0.5); }
<div style="height:50px; width:200px; border:1px solid blue; text-align:center">
<div style="-moz-transform:scale(-0.5,-0.5); height:50px; width:200px; border:1px solid red; ">-moz-transform:scale(x,y)</div>
</div>
.identifiant{-moz-transform:scaleX(0.5); }
<div style="height:50px; width:200px; border:1px solid blue; ">
<div style="-moz-transform:scaleX(0.5); height:50px; width:200px; border:1px solid red; ">-moz-transform:scaleX(x)</div>
</div>
.identifiant{-moz-transform:scaleY(0.5); }
<div style="height:50px; width:200px; border:1px solid blue; ">
<div style="-moz-transform:scaleY(0.5); height:50px; width:200px; border:1px solid red; ">-moz-transform:scaleY(y)</div>
</div>
.identifiant{-moz-transform:rotate(45deg); }
<div style="height:150px; width:150px; border:1px solid blue; ">
<div style="-moz-transform:rotate(45deg); height:150px; width:150px; border:1px solid red; ">-moz-transform:rotate()</div>
</div>
.identifiant{-moz-transform:skew(30deg,30deg); }
<div style="height:100px; width:400px; border:1px solid blue; text-align:center">
<div style="-moz-transform:skew(30deg,30deg); height:50px; width:200px; border:1px solid red; ">-moz-transform:skew(x,y)</div>
</div>
.identifiant{-moz-transform:skewX(30deg); }
<div style="height:100px; width:400px; border:1px solid blue; ">
<div style="-moz-transform:skewX(30deg); height:50px; width:200px; border:1px solid red; ">-moz-transform:skewX(x)</div>
</div>
.identifiant{-moz-transform:skewY(30deg); }
<div style="height:100px; width:400px; border:1px solid blue; ">
<div style="-moz-transform:skewY(30deg); height:50px; width:200px; border:1px solid red; ">-moz-transform:skewY(y)</div>
</div>
Voir de code -moz-transform dans :

Interprétation du code de la propriété -moz-transform CSS par votre navigateur.

.identifiant{-moz-transform:translate(20px,10px);}
-moz-transform:translate(x,y)
.identifiant{-moz-transform:translateX(20px);}
-moz-transform:translateX(x)
.identifiant{-moz-transform:translateY(10px);}
-moz-transform:translateY(y)
.identifiant{-moz-transform:scale(-0.5,-0.5);}
-moz-transform:scale(x,y)
.identifiant{-moz-transform:scaleX(0.5);}
-moz-transform:scaleX(x)
.identifiant{-moz-transform:scaleY(0.5);}
-moz-transform:scaleY(y)
.identifiant{-moz-transform:rotate(45deg);}
-moz-transform:rotate()
.identifiant{-moz-transform:skew(30deg,30deg);}
-moz-transform:skew(x,y)
.identifiant{-moz-transform:skewX(30deg);}
-moz-transform:skewX(x)
.identifiant{-moz-transform:skewY(30deg);}
-moz-transform:skewY(y)

Interprétation normale du code de la propriété CSS -moz-transform (copie d'écran).

copie d'écran de l'affichage de la propriété CSS -moz-transform


Aller en haut de la page

Vos paramètres de cookies

Ce site utilise des cookies pour améliorer votre expérience utilisateur et optimiser le fonctionnement du site.
Des contenus publicitaires vous sont aussi présentés, ainsi que cookies de partages sur les réseaux sociaux.

Vous pouvez accepter ces cookies en cliquant sur « Autoriser tous les cookies », cliquer sur « Paramétrer les cookies » pour gérer vos préférences de cookies.