Функсияи skewX

Функсияи skewX каҷии унсурро дар тири X муайян мекунад, ки онро ба параллелограмм табдил медиҳад. Бо хосияти transform якҷоя истифода мешавад. Қимати хосият кунҷест, ки бо ҳар гуна воҳидҳои кунҷӣ ифода карда мешавад. Кунҷ метавонад ҳам мусбат ва ҳам манфӣ бошад. Қимати мусбат каҷиро ба тарафи чап, қимати манфӣ ба тарафи рост меорад. Каҷ кардан нисбат ба нуқтае, ки бо хосияти transform-origin муайян карда мешавад, иҷро мегардад.

Синтаксис

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

Намуна

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

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

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

Результат:

Намуна

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

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

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

Результат:

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