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