Функция skewY
Функция skewY элементнинг Y ўқи бўйича
қийшиқни белгилаб, уни параллелограммга айлантиради.
У transform хусусияти билан бирга ишлатилади.
Хусусиятнинг қиймати ҳар қандай бурчак ўлчов бирликларида
белгиланган бурчак бўлиши мумкин. Бурчак мусбат ҳам,
манфий ҳам бўлиши мумкин. Мусбат қиймат юқорига қараб
кийиш ҳосил қилади, манфий эса - пастга қараб.
Қийшиқ transform-origin
хусусияти орқали белгиланган нуқта атрофида амалга оширилади.
Синтаксис
селектор {
transform: skewY(бурчак);
}
Мисол
Бу мисолда блок 30 градусга юқорига қараб қийшиқланган:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Мисол
Бу мисолда блок 30 градусга пастга қараб қийшиқланган:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
