कोर्स प्रविष्टि:

CSS rotate3d() फ़ंक्शन

परिभाषा और उपयोग rotate3d() CSS

rotate3d() फ़ंक्शन तत्व को 3D घूमाने के लिए परिभाषित करता है。 ट्रांसफॉर्म प्रयोग में इस्तेमाल करें。

उदाहरण

उदाहरण 1

के उपयोग rotate3d() अनेक <div> तत्वों को घूमाएं:

#myDiv1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#myDiv2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#myDiv3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

स्वयं अभियान

उदाहरण 2

के उपयोग rotate3d() चित्र को घूमाएं:

#img1 {
  transform: rotate3d(1, 2, 1, 45deg);
}
#img2 {
  transform: rotate3d(0, 1, 0, 60deg);
}
#img3 {
  transform: rotate3d(1, 0, 0, 45deg);
}

स्वयं अभियान

CSS व्याकरण

rotate3d(x, y, z, एंगल)
मूल्य वर्णन
x सकारात्मक या नकारात्मक, x अक्ष पर घूमाने के लिए परिभाषित करता है。
y सकारात्मक या नकारात्मक, y अक्ष पर घूमाने के लिए परिभाषित करता है。
z सकारात्मक या नकारात्मक, z अक्ष पर घूमाने के लिए परिभाषित करता है。
एंगल

आवश्यक. घूमाने के कोण को निर्दिष्ट करें. संभावित इकाइयाँ：

  • डीग्री (डीग्री)
  • रैड (अर्कडूम)
  • टर्न (चक्कर)

तकनीकी विवरण

संस्करण： CSS Transforms Module Level 2

ब्राउज़र समर्थन

तालिका में की गई संख्याएँ पहली पूरी तरह से इस फ़ंक्शन को समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करती हैं。

क्रोम एज फायरफॉक्स सफारी ओपेरा
12 12 10 4 15

संबंधित पृष्ठ

तस्तीरीया：CSS 3D ट्रांसफॉर्म

संदर्भःCSS ट्रांसफॉर्म प्रभाव

संदर्भःCSS rotate गुण

संदर्भःCSS रोटेट() फ़ंक्शन

संदर्भःCSS रोटेटX() फ़ंक्शन

संदर्भःCSS रोटेटY() फ़ंक्शन

संदर्भःCSS रोटेटZ() फ़ंक्शन