La propiedad CSS transform te permite modificar el espacio de coordenadas del modelo de formato visual CSS. Usándola, los elementos pueden ser trasladados, rotados, escalados o sesgados de acuerdo a los valores establecidos.
En el primer ejemplo usamos "transform: scale(1.5, 1.5);" por lo cual aumentamos la escala de la imagén en .5 en los ejes x y y, si usamos los valores "transform: scale(1, 1);" entonces la escala de la imagén será la original.
Ejemplo 1
código:
HTML:
CSS:
En el segundo ejemplo usamos "transform: skew(360deg); y transition: 20s;" el primero provoca una rotación en el eje z y el segundo especifíca el tiempo que tomara la rotación.
