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

y-अक्ष का उपयोग करके तत्व को रूपांतरित करने के लिए translateY(y) विधि का उपयोग करें।

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

translateY(y)

यहाँ,

• y:यह एक लंबाई है जो अनुवाद करने वाले सदिश की कोटि को दर्शाती है।

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

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