CSS3에서 x축, y축 및 z축을 사용하여 요소 변환

translate3d(x,y,z) 메서드를 사용하여 x축, y축 및 z축을 사용하여 요소를 변환합니다.

구문을 살펴보겠습니다.

translate3d(tx, ty, tz)

TX :변환 벡터의 가로 좌표를 나타내는 입니다.
타이 :변환 벡터의 세로 좌표를 나타내는 입니다.
쯔 :변환 벡터의 z 성분을 나타내는 입니다.
예를 살펴보겠습니다.

div {
   width: 50px;
   height: 50px;
   background-color: orange;
}
.trans {
   transform: perspective(300px) translate3d(15px, 0, 0px);
   background-color: black;
}