rotate3d කාර්යය
rotate3d කාර්යය මගින් අංගයක්
ත්රිමාණ අවකාශයේ X, Y, Z අක්ෂවලට සාපේක්ෂව
නිශ්චිත කෝණයකින් සැරිසරවනු ලැබේ. එය
transform ගුණාංගය සමඟ
එක්ව භාවිතා කරයි. ගුණාංගයේ අගය වන්නේ ඕනෑම
කෝණ ඒකකයක කෝණයකි.
අගයන් ලෙස, කාර්යය 4
පරාමිතීන් පිළිගනී, කොමාවලින් වෙන් කර ලියා ඇත. පළමු
පරාමිතීන් තුන මගින් ත්රිමාණ අවකාශයේ ඇති අක්ෂ දෛශිකය නිර්වචනය කරයි,
එයට සාපේක්ෂව සැරිසරවීම සිදු කෙරේ. හතරවන පරාමිතිය
මගින් සැරිසරවීමේ කෝණය නිර්ණය කරයි.
වාක්ය රචනා ක්රමය
තෝරන්නා {
transform: rotate3d(X, Y, Z, කෝණය);
}
උදාහරණය
මෙම උදාහරණයේ දී, අක්ෂ දෛශිකය තිරයේ දකුණු ඉහළ කෙළවරට යොමු කර ඇත:
<div id="elem">lorem ipsum</div>
#elem {
border: 3px solid black;
width: 100px;
height: 50px;
transition: transform 3s linear;
}
#elem:hover {
transform: rotate3d(1, 1, 0, 180deg);
}
:
