วิธี scaleZ(z) ใช้เพื่อปรับขนาดการแปลงองค์ประกอบโดยใช้แกน 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;
} 