Функсияи skewY

Функсияи skewY каҷии унсурро дар меҳвари Y таъин мекунад, ва онро ба параллелограмм табдил медиҳад. Якҷо бо хосияти transform истифода мешавад. Қимати хосият кунҷест дар ҳар гуна воҳидҳои кунҷӣ. Кунҷ метавонад мусбат ё манфӣ бошад. Қимати мусбат каҷро ба боло меорад, манфӣ - ба поён. Каҷ кардан атрофи нуқтае сурат мегирад, ки бо хосияти transform-origin таъин карда мешавад.

Синтаксис

cssинтихобкунанда {
  transform: skewY(кунҷ);
}

Намуна

Дар ин намуна блок ба боло 30 дараҷа каҷ шудааст:

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

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

Результат:

Намуна

Дар ин намуна блок ба поён 30 дараҷа каҷ шудааст:

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

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

Результат:

Ҳамчунин бубинед