Funksjonen skewY
Funksjonen skewY setter skjevning av et element
langs Y-aksen, og forvandler det til et parallellogram.
Brukes sammen med egenskapen transform.
Verdien til egenskapen er en vinkel i alle enheter
for vinkler. Vinkelen kan være både positiv og
negativ. En positiv verdi
gjør skjevningen oppover, negativ - nedover.
Skjevningen utføres rundt punktet spesifisert av
egenskapen transform-origin.
Syntaks
selector {
transform: skewY(vinkel);
}
Eksempel
I dette eksemplet er boksen skjevnet med 30
grader oppover:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Eksempel
I dette eksemplet er boksen skjevnet med 30
grader nedover:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
