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

परिभाषा और उपयोग

CSS का translate() कार्य्क्रम आपको एलिमेंट का स्थान बदलने की अनुमति देता है。

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

उदाहरण

एलिमेंट का स्थान बदलें:

#myDiv1 {
  transform: translate(50px); /* एलिमेंट को अक्ष पर 50px घूमाना, य अक्ष पर 0px घूमाना */
}
#myDiv2 {
  transform: translate(50px, 20px); /* एलिमेंट को अक्ष पर 50px और य अक्ष पर 20px घूमाना */
}
#myDiv3 {
  transform: translate(100px, 30px); /* एलिमेंट को अक्ष पर 100px और य अक्ष पर 30px घूमाना */
}

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

CSS व्याकरण

translate(x, y)
मूल्य वर्णन
x अनिवार्य।एलिमेंट को अक्ष पर घूमाने की दूरी को परिभाषित करता है, जो संख्या या प्रतिशत हो सकता है。
y

वैकल्पिक।एलिमेंट को य अक्ष पर घूमाने की दूरी को परिभाषित करता है, जो संख्या या प्रतिशत हो सकता है。

यदि छोड़ दिया जाए, तो मूल्य 0 के रूप में सेट कर दिया जाएगा。

तकनीकी विवरण

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

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

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

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

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

तत्विका:CSS 2D बदल

संदर्भःCSS ट्रांसफॉर्म एट्रिब्यूट

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

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

संदर्भःHTML DOM ट्रांसफॉर्म एट्रिब्यूट