skewX ශ්රිතය
skewX ශ්රිතය X අක්ෂයට අනුව මූලද්රව්යයක්
වක්ර කරයි, එමගින් එය සමාන්තර චතුරස්රයකට පත් කරයි.
transform ගුණය සමඟ එක්ව භාවිතා වේ.
ගුණයේ අගය වන්නේ ඕනෑම කෝණ ඒකක වලින් ප්රකාශිත කෝණයකි. කෝණය ධන හෝ
ඍණ විය හැකිය. ධන අගයක් වම් පැත්තට වක්ර කරන අතර,
ඍණ අගයක් දකුණු පැත්තට වක්ර කරයි.
වක්ර කිරීම සිදුවන්නේ transform-origin
ගුණය මගින් නිර්වචනය කරන ලද ලක්ෂ්යය වටා ය.
වාග් රීතිය
තෝරන්නා {
transform: skewX(කෝණය);
}
උදාහරණය
මෙම උදාහරණයේ, කොටුව 30
අංශක වමට වක්ර කර ඇත:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
උදාහරණය
මෙම උදාහරණයේ, කොටුව 30
අංශක දකුණට වක්ර කර ඇත:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
