CSS का उपयोग करके तत्व को y- अक्ष के साथ रूपांतरित करें

वाई-अक्ष के साथ तत्व को बदलने के लिए वाई (एन) विधि का अनुवाद करने के लिए प्रयुक्त होता है।

आइए सिंटैक्स देखें:

translateY(n)

यहाँ, n एक लंबाई है जो अनुवाद करने वाले वेक्टर के भुज को दर्शाती है।

उदाहरण

आइए एक उदाहरण देखें -

div {
   width: 50px;
   height: 50px;
   background-color: black;
}
.trans {
   transform: translateY(20px);
   background-color: orange;
}