CSS rotate() फ़ंक्शन

वर्णन और इस्तेमाल

CSS के rotate() एलीमेंट के 2D घूमाने को निर्दिष्ट करता है।

rotate() फ़ंक्शन transform गुण में प्रयोग कीजिए।

उदाहरण

उदाहरण 1

इस्तेमाल करें rotate() कई <div> एलीमेंट को घूमाना:

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

स्वयं प्रयोग कीजिए

उदाहरण 2

इस्तेमाल करें rotate() छवि घूमाना:

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

स्वयं प्रयोग कीजिए

CSS वर्तनी

rotate(एंगल)
मूल्य वर्णन
एंगल

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

  • डिग्री (डीग्री)
  • रेड (एक्सीस)
  • टर्न (सर्किल)

तकनीकी विवरण

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

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

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

च्रोम एज फ़ायरफ़ॉक्स सैफारी ओपेरा
1 12 3.5 3.1 10.5

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

तस्वीरीया:CSS 2D ट्रांसफ़ॉर्म

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

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

संदर्भःCSS rotate3d() फ़ंक्शन

संदर्भःCSS rotateX() फ़ंक्शन

संदर्भःCSS rotateY() फ़ंक्शन

संदर्भःCSS rotateZ() फ़ंक्शन