Funzione skewY
La funzione skewY imposta l'inclinazione di un elemento
lungo l'asse Y, trasformandolo in un parallelogramma.
Viene utilizzata insieme alla proprietà transform.
Il valore della proprietà è un angolo in qualsiasi unità
di misura per angoli. L'angolo può essere sia positivo
che negativo. Un valore positivo
inclina l'elemento verso l'alto, uno negativo verso il basso.
L'inclinazione avviene attorno al punto specificato dalla
proprietà transform-origin.
Sintassi
selettore {
transform: skewY(angolo);
}
Esempio
In questo esempio, il blocco è inclinato di 30
gradi verso l'alto:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Esempio
In questo esempio, il blocco è inclinato di 30
gradi verso il basso:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
