2D 변환 함수

transform: translate(40px, 40px) scale(1.3);

• translate(x, y) : 요소를 (x, y) 좌표로 이동
• translateX(x) : 요소를 x축으로 x만큼 이동
• scale(n) : n배 만큼 요소 크기 확대
• rotate(45deg) : 요소를 deg만큼 회전
• skewX(45deg) : 요소를 x축으로 deg만큼 기울임

3D 변환 함수

transform: perspective(500px) rotateX(45deg);

• rotateX(x) : 요소를 x축을 기준으로 회전. 원근법 함수와 쓰여야 3D로 보인다.
• rotateY(y) : 요소를 y축을 기준으로 회전. 원근법 함수와 쓰여야 3D로 보인다.
• perspective(n) : n길이만큼 원근법. 원근법 함수는 제일 앞에 작성해야 한다.

perspective

perspective: 500px;

• 하위 요소를 관찰하는 원근 거리를 지정
• perspective 함수는 관찰 대상에 적용하고 perspective 속성은 관찰 대상의 부모 요소에 적용한다.
• 함수보다는 속성을 사용하는 것을 권장한다.