Funcția skewY
Funcția skewY definește înclinarea elementului
pe axa Y, transformându-l într-un paralelogram.
Este utilizată împreună cu proprietatea transform.
Valoarea proprietății este un unghi în orice unitate
de măsură pentru unghiuri. Unghiul poate fi atât pozitiv,
cât și negativ. O valoare pozitivă
face înclinarea în sus, una negativă - în jos.
Înclinarea se realizează în jurul punctului definit de
proprietatea transform-origin.
Sintaxă
selector {
transform: skewY(unghi);
}
Exemplu
În acest exemplu, blocul este înclinat la 30
grade în sus:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Exemplu
În acest exemplu, blocul este înclinat la 30
grade în jos:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
