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