Transform: translate, rotate, scale
La proprietà transform permette di modificare la forma e la posizione degli elementi.
translate (spostamento)
.move {
transform: translateX(100px); /* Sposta a destra */
transform: translateY(-50px); /* Sposta in alto */
transform: translate(100px, 50px); /* X e Y */
}rotate (rotazione)
.rotate {
transform: rotate(45deg); /* Senso orario */
transform: rotate(-90deg); /* Antiorario */
}scale (ridimensionamento)
.grow {
transform: scale(1.5); /* 150% */
transform: scaleX(2); /* Doppia larghezza */
}Combinare trasformazioni
.combined {
transform: translate(50px, 0) rotate(45deg) scale(1.2);
}