फ़ंक्शन rotate3d
फ़ंक्शन rotate3d तत्व का त्रि-आयामी स्थान में
X, Y, Z अक्ष के सापेक्ष एक साथ दिए गए कोण पर
घूर्णन निर्धारित करता है। इसका उपयोग transform
गुण के साथ संयुक्त रूप से किया जाता है।
गुण का मान कोणों की किसी भी इकाई
में कोण होता है।
फ़ंक्शन 4 पैरामीटर मान के रूप में लेता है,
जो अल्पविराम से अलग करके लिखे जाते हैं। पहले
तीन पैरामीटर त्रि-आयामी स्थान में अक्ष वेक्टर को
परिभाषित करते हैं, जिसके सापेक्ष घूर्णन किया
जाएगा। चौथा पैरामीटर घूर्णन कोण निर्धारित करता है।
सिंटैक्स
सिलेक्टर {
transform: rotate3d(X, Y, Z, angle);
}
उदाहरण
इस उदाहरण में, अक्ष वेक्टर स्क्रीन के ऊपरी दाएं कोने की ओर निर्देशित होगा:
<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);
}
:
