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

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

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

translateZ(z)

यहाँ,

z:यह एक लंबाई है जो अनुवाद करने वाले वेक्टर के z-घटक को दर्शाती है।

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

div {
   width: 40px;
   height: 40px;
   background-color: black;
}
.trans {
   transform: perspective(400px) translateZ(100px);
   background-color: orange;
}