Funkce skewY
Funkce skewY nastavuje zkosení prvku
podél osy Y, čímž jej mění na rovnoběžník.
Používá se společně s vlastností transform.
Hodnotou vlastnosti je úhel v libovolných jednotkách
pro úhly. Úhel může být kladný
i záporný. Kladná hodnota
způsobí zkosení nahoru, záporná - dolů.
Zkosení se provádí kolem bodu určeného
vlastností transform-origin.
Syntaxe
selektor {
transform: skewY(úhel);
}
Příklad
V tomto příkladu je blok zkosen o 30
stupňů nahoru:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Příklad
V tomto příkladu je blok zkosen o 30
stupňů dolů:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
