_14.09.16.png)
La propiedad transform nos permite realizar una gran cantidad de cambios en los elementos. Los iremos agregando a esta pagina a medida que los probemos. Sin embargo el listado total puede encontrarse en https://developer.mozilla.org/en-US/docs/Web/CSS/transform
La funcion rotate nos permite rotar un elemento. Acepta como valores grados (90deg, 190deg, 75deg). Su sintaxis es la siguiente:
transform:rotate(75deg)
Este es un ejemplo de rotate:
La funcion translate cambia de posición un elemento teniendo en cuenta su eje vertical y horizontal. Acepta como valor cualquier valor valido de medida. Su sintaxis es la siguiente:
transform:translate(30px, 20px)
Cuanto se moverá de forma horizontal (en el eje x)
Cuanto se moverá de forma vertical (en el eje y)
Este es un ejemplo de translate(30px,20vh)
_17.41.59.png)
Scale sirve para agrandar o achicar el elemento. Acepta como valor numeros naturales, que se asocian con coordenadas. Estos son ejemplos de su sintaxis
/* En este caso se agrandara en dos vectores */
transform:scale(2);
/* En el siguiente caso se agrandará 2 vectores horizontalmente y 0.8 vertical */
transform:scale(2,0.8);
Este es un ejemplo de transform:scale(1.4, 2)
_17.51.09.png)
ATENTI
SI utilizando la funcion scale el elemento sale de la pantalla, el mismo no se podrá ver completamente ya que no hará scroll.