[SIST] Web_CSS_days06_CSS로 2D, 3D 변환 작업(transform 속성)

[2D 변환 작업 관련 속성 값]

   1. 요소를 이동하는 작업 - translate(x좌표, y좌표) 속성 값

   2. 요소를 회전시키는 작업 - rotate(n deg) 속성 값
    > 시계 방향(+), 반시계 방향(-) 회전 가능

   3. 요소 크기를 조정하는 작업(너비, 높이) - scale(), scaleX(), scaleY() 속성 값 
                                                                       너비      높이

   4. 요소의 기울기를 주는 작업 - skew(), skewX(), skewY() 속성 값
      요소를 지정된 각도만큼 x축, y축으로 기울인다.

   5. 이동/회전/크기/기울기를 동시에 주는 작업 - matrix() 속성 값

 

[3D 변환 작업 관련 속성 값]

1. 요소 이동
   - translateX(), translateY(), translateZ(), tanslate3d(x,y,z,a) 속성 값

2. 요소 회전
   - rotateX(), rotateY(), rotateZ(), rotate3d(x,y,z,a) 속성 값

3. 요소 크기
   - scaleX(), scaleY(), scaleZ(), scale3d(x,y,z,a) 속성 값

4. matrix3d()

---

---

---