Функција 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;
}
:
