Easy-Micro [ CSS3 - Transforms CSS3 ] - Formations informatiques pour entreprises

CSS3
Transforms CSS3
Les transformations en CSS3

translate()

Exemple d'utilisation de la méthode translate (translation) :

div
{
transform: translate(50px,100px);
-moz-transform: translate(50px,100px); /* Firefox */
-webkit-transform: translate(50px,100px); /* Chrome et Safari */
}

rotate()

Exemple d'utilisation de la méthode rotate (rotation 2D) :

div
{
transform: rotate(30deg);
-moz-transform: rotate(30deg); /* Firefox */
-webkit-transform: rotate(30deg); /* Chrome et Safari */
}

scale()

Exemple d'utilisation de la méthode scale (echelle) :

div
{
transform: scale(2,4); /* X et Y */
}

rotateX()

Exemple d'utilisation de la méthode rotateX (uniquement en X) :

div
{
transform: rotateX(120deg);
}

rotateY()

Exemple d'utilisation de la méthode rotateY (uniquement en Y) :

div
{
transform: rotateY(130deg);
}

< >