-moz-transform CSS exemple de code | ZONE CSS Exemple d'écriture de la propriété CSS -moz-transform, code CSS détaillé avec toutes les valeurs de la CSS -moz-transform. Copie d'écran de l'interprétation de la propriété -moz-transform CSS pour comparer avec l'interprétation CSS votre navigateur. Définition 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> Agrandir la zone de code HTML
Voir de code -moz-transform dans :
.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);}
.identifiant{-moz-transform:scaleY(0.5);}
.identifiant{-moz-transform:rotate(45deg);}
.identifiant{-moz-transform:skew(30deg,30deg);}
.identifiant{-moz-transform:skewX(30deg);}
.identifiant{-moz-transform:skewY(30deg);}
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.