translateY() मेथड का उपयोग
translateY(y) मेथड का उपयोग करके किसी एलिमेंट को केवल y-axis (वर्टिकली) के साथ ट्रांसलेट किया जा सकता है। यह 2D ट्रांसफॉर्मेशन फंक्शन है।
सिंटैक्स
translateY(y)पैरामीटर
- y: ट्रांसलेटिंग वेक्टर का ऑर्डिनेट (y-निर्देशांक) दर्शाने वाली एक
<length>वैल्यू। पॉजिटिव वैल्यू एलिमेंट को नीचे ले जाती है, नेगेटिव वैल्यू ऊपर।
उदाहरण
div {
width: 40px;
height: 40px;
background-color: black;
}
.trans {
transform: translateY(20px);
background-color: orange;
}इस उदाहरण में, .trans क्लास वाला एलिमेंट अपनी मूल स्थिति से 20 पिक्सेल नीचे शिफ्ट हो जाएगा।
