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