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;
}
:
