ශ්රිතය rotateY
rotateY ශ්රිතය ත්රිමාණ අවකාශයේ Y අක්ෂය සම්බන්ධයෙන්
කැරකැවීමක් නියම කරයි. එය transform
ගුණාංගය සමඟ එක්ව භාවිතා වේ.
ගුණාංගයේ අගය වන්නේ ඕනෑම කෝණික ඒකක වලින්
යම් කෝණයකි. ධනාත්මක අගය අප වෙත කැරකවීමත්, සෘණ අගය අපෙන් ඈතට
කැරකවීමත් සිදු කරයි. කැරකැවීම සිදුවන්නේ
transform-origin
ගුණාංගය මගින් නියම කරන ලද ලක්ෂ්යය වටා ය.
වාග් රීතිය
තෝරන්නා {
transform: rotateY(කෝණය);
}
උදාහරණය
මෙම උදාහරණයේ, බ්ලොක් එක උඩින් යන විට Y අක්ෂය වටා අංශක
180 කෝණයකින් කැරකේ.
කැරකැවීම සිනිඳු කිරීම සඳහා
transition ගුණාංගය එකතු කර ඇත:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
}
#elem:hover {
transform: rotateY(180deg);
}
:
උදාහරණය
transform-origin
ගුණාංගය භාවිතා කර කැරකැවීමේ අක්ෂය වෙනස් කරමු:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
transform-origin: right center;
}
#elem:hover {
transform: rotateY(180deg);
}
:
