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

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

CSS का translateY() कार्यक्रम आपको एलिमेंट को यू एक्स अक्ष (अभिमुखी दिशा) पर नया स्थान देने की अनुमति देता है。

translateY() कार्यक्रम में transform प्रयोग में इस्तेमाल करें.

उदाहरण

अलग-अलग <div> एलिमेंट को अभिमुखी दिशा में नया स्थान दें:

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

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

CSS व्याकरण

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

तकनीकी विवरण

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

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

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

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

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

तस्वीर:CSS 2D बदल

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

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

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

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