skewY ֆունկցիա
skewY ֆունկցիան սահմանում է տարրի թեքումը
Y առանցքի նկատմամբ՝ այն վերածելով զուգահեռագծի:
Օգտագործվում է transform հատկության հետ միասին:
Հատկության արժեքը հանդիսանում է անկյուն ցանկացած անկյունների
միավորներով: Անկյունը կարող է լինել և՛ դրական,
և՛ բացասական: Դրական արժեքը թեքում է վերև,
բացասականը՝ ներքև:
Թեքումը կատարվում է այն կետի շուրջ, որը սահմանվում է
transform-origin հատկությամբ:
Շարահյուսություն
cssընտրիչ {
transform: skewY(անկյուն);
}
Օրինակ
Այս օրինակում բլոկը թեքված է 30
աստիճանով վերև:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат:
Օրինակ
Այս օրինակում բլոկը թեքված է 30
աստիճանով ներքև:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат: