CSS3와 함께 z축을 사용하여 요소를 스케일 변환합니다.

scaleZ(z) 메서드는 Z축을 사용하여 요소를 스케일 변환하는 데 사용됩니다.

구문을 보자 -

scaleZ(z)

여기서 z는 요소의 각 점의 z좌표에 적용할 scaling factor를 나타내는 숫자이다.

예를 들어 보겠습니다 -

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;
}