कोर्स प्रस्तावना:

CSS rotateZ() फ़ंक्शन

निर्धारण और उपयोग rotateZ() CSS

rotateZ() फ़ंक्शन एक एलिमेंट को z-अक्ष पर 3D घूमाने को परिभाषित करता है। transform गुण में उपयोग करने में।

सूचना:rotateZ(angle) समान है rotate(angle)।

उदाहरण

उदाहरण 1

के उपयोग rotateZ() जी कोण पर कई <div> एलिमेंट को घूमाएं:

#myDiv1 {
  transform: rotateZ(40deg);
}
#myDiv2 {
  transform: rotateZ(60deg);
}
#myDiv3 {
  transform: rotateZ(-45deg);
}

अपने आप साफ़ी करें

उदाहरण 2

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

#img1 {
  transform: rotateZ(40deg);
}
#img2 {
  transform: rotateZ(60deg);
}
#img3 {
  transform: rotateZ(-45deg);
}

अपने आप साफ़ी करें

CSS ग्रामर

rotateZ(angle)
मूल्य वर्णन
angle

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

  • deg (डिग्री)
  • rad (अर्क)
  • turn (चक्कर)

तकनीकी विवरण

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

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

तालिका में नंबर इस फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण है।

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

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

तालीमी:CSS 3D ट्रांसफ़ॉर्म

संदर्भ:CSS ट्रांसफॉर्म प्रतियोगिता

संदर्भ:CSS rotate प्रकृति

संदर्भ:CSS rotate() फ़ंक्शन

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

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

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