A skewY függvény

A skewY függvény az elem Y tengely mentén való ferdeségét állítja be, paralelogrammává alakítva azt. A transform tulajdonsággal együtt használható. Az értéke egy szög bármilyen szögegységben. A szög lehet pozitív vagy negatív. A pozitív érték felfelé, a negatív érték lefelé ferdeséget eredményez. A ferdeség a transform-origin tulajdonsággal megadott pont körül történik.

Szintaxis

szelektor {
	transform: skewY(szög);
}

Példa

Ebben a példában a blokk 30 fokkal felfelé van ferdesítve:

<div id="elem">lorem ipsum</div>

#elem {
	transform: skewY(30deg);
	border: 1px solid black;
	width: 100px;
	height: 50px;
}

Példa

Ebben a példában a blokk 30 fokkal lefelé van ferdesítve:

<div id="elem">lorem ipsum</div>

#elem {
	transform: skewY(-30deg);
	border: 1px solid black;
	width: 100px;
	height: 50px;
}

Lásd még

a skew függvényt,
amely az X és Y tengely mentén történő ferdeséget állítja be
a skewX függvényt,
amely az X tengely mentén történő ferdeséget állítja be