Funktionen skewY
Funktionen skewY angiver en skråstilling af et element
langs Y-aksen, hvilket omdanner det til et parallelogram.
Den bruges sammen med egenskaben transform.
Værdien for egenskaben er en vinkel i enhver vinkelenhed.
Vinklen kan være både positiv og negativ.
En positiv værdi giver en opadgående skråstilling,
en negativ værdi - en nedadgående.
Skråstillingen udføres omkring punktet angivet af
egenskaben transform-origin.
Syntaks
selektor {
transform: skewY(vinkel);
}
Eksempel
I dette eksempel er blokken skråstillet 30
grader opad:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Eksempel
I dette eksempel er blokken skråstillet 30
grader nedad:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
