Funcția skewY

Funcția skewY definește înclinarea elementului pe axa Y, transformându-l într-un paralelogram. Este utilizată împreună cu proprietatea transform. Valoarea proprietății este un unghi în orice unitate de măsură pentru unghiuri. Unghiul poate fi atât pozitiv, cât și negativ. O valoare pozitivă face înclinarea în sus, una negativă - în jos. Înclinarea se realizează în jurul punctului definit de proprietatea transform-origin.

Sintaxă

cssselector {
  transform: skewY(unghi);
}

Exemplu

În acest exemplu, blocul este înclinat la 30 grade în sus:

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

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

Результат:

Exemplu

În acest exemplu, blocul este înclinat la 30 grade în jos:

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

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

Результат:

Vezi și