Функция skewX

Функция skewX элементнинг X ўқи бўйича қийишлашни белгилаб, уни параллелограммга айлантиради. Ушбу функция transform хусусияти билан бирга ишлатилади. Хусусиятнинг қиймати ⁅a href="/uzc/markup/manual/css/reference/units/angles/"⁆бурчак ўлчов бирликлари⁅/a⁆да ифодаланган бурчакдир. Бурчак мусбат ҳам, манфий ҳам бўлиши мумкин. Мусбат қиймат чапга қараб қийишлашни, манфий қиймат ўнгга қараб қийишлашни ҳосил қилади. Қийишлаш 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;
}

Результат:

Шунингдек қаранг