Easy-Micro


LANGAGE 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);
}


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Jeudi 20 juin 2019 - Semaine 25 - Saint Silvère (Demain: Saint Rodolphe)
Aujourd'hui, c'est l'anniversaire de Nicole Kidman (1967-52 ans), actrice australienne et américaine.
Haut de page Easy-Micro