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