[CSS] transform 속성에 대하여

transform 의 속성은 크게 2가지로 나눠진다.

 

1) 2D

- 위치이동 : transform(가로, 세로)

- 회전 : rotate(각도)

- 크기 : scalc(숫자)

- 비틀기 : skew(각도)

 

2) 3D

- 3D 공간배치 : transform-style: preserve-3d;

- 위치이동 : transform3D(가로, 세로, z축)

- 회전 : rotateZ(z축)

- 크기 : scaleZ(배수)

 

참조를 통해 예제 확인할 것.

 

참조

natsgun.tistory.com/14