A skewX függvény

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

Szintaxis

cssselector {
  transform: skewX(szög);
}

Példa

Ebben a példában a blokk 30 fokkal balra van ferítve:

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

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

Результат:

Példa

Ebben a példában a blokk 30 fokkal jobbra van ferítve:

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

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

Результат:

Lásd még