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

स्केल जेड (जेड) विधि का उपयोग जेड-अक्ष का उपयोग करके तत्व को बदलने के लिए किया जाता है।

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

scaleZ(z)

यहाँ, z एक संख्या है जो तत्व के प्रत्येक बिंदु के z-निर्देशांक पर लागू होने वाले स्केलिंग कारक का प्रतिनिधित्व करती है।

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

div {
   width: 60px;
   height: 60px;
   background-color: black;
}
.perspective {
   transform: perspective(200px) translateZ(-150px);
   background-color: yellow;
}
.scaled-translated {
   transform: perspective(200px) scaleZ(2) translateZ(-150px);
   background-color: orange;
}