CSS translateX() फ़ंक्शन

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

CSS का translateX() फ़ंक्शन आपको एलिमेंट को x अक्ष (स्तरीय दिशा) पर स्थानांतरित करने की अनुमति देता है。

translateX() किसी फ़ंक्शन को transform गुण का उपयोग करते हुए.

उदाहरण

अलग-अलग <div> एलिमेंट को स्तरीय रूप से स्थानांतरित करने के लिए अनुकूल रूप से पुनर्स्थापित करें:

#myDiv1 {
  transform: translateX(50px); /* एलिमेंट को x अक्ष पर 50px घुमाना */
}
#myDiv2 {
  transform: translateX(100px); /* एलिमेंट को x अक्ष पर 100px घुमाना */
}
#myDiv3 {
  transform: translateX(-10px); /* एलिमेंट को x अक्ष पर -10px घुमाना */
}

खुद अभिप्राय करें

CSS व्याकरण

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

तकनीकी विवरण

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

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

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

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

相关页面

ट्यूटोरियल:CSS 2D ट्रांसफॉर्म

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

संदर्भःCSS ट्रांसलेट() फ़ंक्शन

संदर्भःCSS ट्रांसलेटय-एलीवेट() फ़ंक्शन

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