Funkcia skewY
Funkcia skewY nastavuje skosenie prvku
podľa osi Y, čím ho mení na rovnobežník.
Používa sa spolu s vlastnosťou transform.
Hodnotou vlastnosti je uhol v ľubovoľných jednotkách
pre uhly. Uhol môže byť kladný aj
záporný. Kladná hodnota
spôsobuje skosenie nahor, záporná - nadol.
Skosenie sa vykonáva okolo bodu, ktorý je definovaný
vlastnosťou transform-origin.
Syntax
selektor {
transform: skewY(uhol);
}
Príklad
V tomto príklade je blok skosený o 30
stupňov nahor:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Príklad
V tomto príklade je blok skosený o 30
stupňov nadol:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
