Funkcija skewY

Funkcija skewY iestata elementa slīpēšanu pa Y asi, pārvēršot to paralelogramā. Izmanto kopā ar īpašību transform. Īpašības vērtība ir leņķis jebkuros leņķa mērvienības. Leņķis var būt gan pozitīvs, gan negatīvs. Pozitīva vērtība veido slīpēšanu uz augšu, negatīva - uz leju. Slīpēšana tiek veikta ap punktu, ko nosaka īpašība transform-origin.

Sintakse

cssselektors {
  transform: skewY(leņķis);
}

Piemērs

Šajā piemērā bloks ir slīpēts uz augšu par 30 grādiem:

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

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

Результат:

Piemērs

Šajā piemērā bloks ir slīpēts uz leju par 30 grādiem:

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

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

Результат:

Skatiet arī