CSS rotateY() कार्य्हार्ड

विवरण और उपयोग

CSS rotateY() कार्य्हार्ड निर्दिष्ट करता है कि एलीमेंट यूनिट आख (खड़ी दिशा) में 3D घूमाना है।

rotateY() कार्य्हार्ड में परिवर्तन पदार्थ में प्रयोग करें।

सामग्री

उदाहरण 1

उपयोग करें rotateY() यूनिट आख (खड़ी दिशा) में कई <div> एलीमेंट को घूमाएं :

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

खुद आज्ञा करें

उदाहरण 2

उपयोग करें rotateY() यूनिट आख (खड़ी दिशा) में चित्र को घूमाएं :

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

खुद आज्ञा करें

CSS व्याकरण

rotateY(एंगल)

तकनीकी विवरण

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

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

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

तत्वज्ञानःCSS 3D बदल

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

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

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

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

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

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