skewX функциясы
skewX функциясы элементті X осі бойынша бұрып,
оны параллелограммға айналдырады.
transform сипаттамасымен бірге қолданылады.
Сипаттама мәні ретінде кез келген бұрыш
өлшем бірліктері қолданылады. Бұрыш оң да,
теріс те болуы мүмкін. Оң мән солға қарай бұрады,
теріс мән - оңға қарай.
Бұру transform-origin
сипаттамасымен анықталатын нүкте айналасында жүзеге асырылады.
Синтаксис
селектор {
transform: skewX(бұрыш);
}
Мысал
Бұл мысалда блок 30 градусқа
солға қарай бұрылған:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Мысал
Бұл мысалда блок 30 градусқа
оңға қарай бұрылған:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
