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

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

Példa

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

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

css#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:

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

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

Результат:

Lásd még