CSS rotateX() कार्य्क्रम

वर्णन और उपयोग

CSS rotateX() कार्य्क्रम एलीमेंट को एक्स अक्ष (स्तरीय दिशा) में 3D घूमाव देता है。

rotateX() कार्य्क्रम में transform संपादक में उपयोग किया जाता है。

उदाहरण

उदाहरण 1

के उपयोग rotateX() एक्स अक्ष (स्तरीय दिशा) में कई <div> एलीमेंट्स को घूमाएं:

#myDiv1 {
  transform: rotateX(40deg);
}
#myDiv2 {
  transform: rotateX(60deg);
}
#myDiv3 {
  transform: rotateX(80deg);
}

स्वयं प्रयोग करें

उदाहरण 2

के उपयोग rotateX() एक्स अक्ष (स्तरीय दिशा) में चित्र को घूमाएं:

#img1 {
  transform: rotateX(40deg);
}
#img2 {
  transform: rotateX(60deg);
}
#img3 {
  transform: rotateX(80deg);
}

स्वयं प्रयोग करें

CSS व्याकरण

rotateX(एंगल)

तकनीकी विवरण

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

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

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

तस्करीया:CSS 3D बदल

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

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

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

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

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

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