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