Transformations
Rotation
fonction rotate(angle)
La fonction rotate utilise des valeurs exprimées en degrés (deg) ou radians (rad), elle permet de tourner les éléments.
Ici un bloc en rotation de 45° dans le sens des aiguilles d'une montre
Ifosup
Wavre
Promotion Sociale
Echelle
fonction scale(valeur,valeur)
Bloc agrandi proportionnellement
Bloc diminué sur x
Bloc diminué sur y (et un peu sur x)
Translation
fonction translate(valeur,valeur)
Bloc déplacé de 250px sur l'axe horizontal et 50px sur l'axe vertical
Bloc déplacé de 50px sur l'axe horizontal
Déformation
fonction skew(valeur,valeur)
Bloc déformé de 15° dans les 2 axes
Bloc déformé de 20° sur l'axe x et -45° sur l'axe y
Changer le point d'origine
fonction transform-origin:valeur,valeur;
Bloc déformé de 15° dans les 2 axes
Plusieurs transformations combinées
transform :function(value1) function(value2) function(value3)
Bloc déformé