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