[코딩 초보 개발일지] 상세_07. transform:rotate

transform

transform : 이동(translate) | 회전(rotate) | 확대축소(scale) | 비틀기(skew)

이동, 회전, 확대축소, 비틀기 등을 이용해 형태를 변형시키는 속성.

 

transform - rotate

transform : rotate | rotateX | rotateY

회전을 통해 형태를 변형시키는 속성.

 

transform-origin

회전 중심(원점·기준점)을 지정

transform-otigin 기준점 좌표

---

<transform : rotate 예시_x축 origin>

transform:rotate _ x축에 기준점 부여

 

<transform : rotate 예시_y축 origin>

transform:rotate _ y축에 기준점 부여

---

<transform : rotateX 예시>

728x90

transform:rotateX_ x축(가로)으로 회전

 

<transform : rotateY 예시>

transform:rotateY_ y축(세로)으로 회전_01

 

transform:rotateY_ y축(세로)으로 회전_02

---

끝!