CSS translateY() कार्यक्रम
परिभाषा और उपयोग
CSS का translateY() कार्यक्रम आपको एलिमेंट को y अक्ष (अगले दिशा) पर नएकरण करने की अनुमति देता है。
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 ట్రాన్స్ఫార్మ్ అట్రిబ్యూట్
