HTML and CSS Reference
In-Depth Information
Se volessimo ruotare un elemento potremmo utilizzare il seguente codice.
Esempio 5.20
div
{
height: 100px;
width: 100px;
border: solid 1px black;
transform: rotate(45deg);
}
La conseguenza di questa operazione è che l'elemento viene ruotato di 45 gradi in senso
orario e il risultato è quello mostrato nella
figura 5.16
.
Figura 5.16
- Per via della trasformazione rotate, l'elemento viene ruotato di 45 gradi in
senso orario.
Una delle cose più interessanti riguardo alle trasformazioni è che se ne può applicare più di
una per ogni elemento. Per esempio, possiamo applicare le trasformazioni di tipo skew, ro-
tate e scale semplicemente separandole con uno spazio. Il prossimo codice mostra il codice
di questo esempio.
Esempio 5.21
div
{
height: 100px;
width: 100px;
border: solid 1px black;
transform: rotate(45deg) skew(20deg, 10deg) scale(1.5,
1.5);
}
