Perspective

[HTML5&CSS3] 3차원 구현

2차원 구현에서 transform속성에 translate, scale, rotate 등의 함수를 사용했었는데 3차원 구현에는 translate3 d, scale3 d, rotate3d와 같은 함수가 사용됩니다. translate3d(x, y, z) 지정된 좌표만큼 개체를 이동시킵니다. (px와 같은 단위사용) translateX(x) X축만큼 개체를 이동시킵니다. translateY(y) Y축만큼 개체를 이동시킵니다. translateZ(z) Z축만큼 개체를 이동시킵니다. scale3d(x, y, z) 지정된 좌표로 크기를 늘리거나 축소합니다. (소수점이나 정수사용) scaleX(x) X축만큼 크기를 늘리거나 축소합니다. scaleY(y) Y축만큼 크기를 늘리거나 축소합니다. scaleZ(z) Z축만큼 ..