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

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

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

translate3d(tx, ty, tz)

टीएक्स :यह एक <लंबाई> है जो अनुवाद करने वाले वेक्टर के भुज का प्रतिनिधित्व करता है।
ty :यह एक <लंबाई> है जो अनुवाद करने वाले वेक्टर के कोटि को दर्शाता है।
tz :यह एक <लंबाई> है जो अनुवाद करने वाले वेक्टर के z घटक का प्रतिनिधित्व करता है।
आइए एक उदाहरण देखें

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: perspective(300px) translate3d(15px, 0, 0px);
   background-color: black;
}