transform 속성

요소, 객체를 변환하는 속성

요소에 회전, 크기조절, 기울이기, 이동효과를 부여함

 

transform으로 아무리 모양을 변형해도 자신의 고유축은 변경불가

 

회전

rotateX() - X축을 기준으로 회전

rotateX() - Y축을 기준으로 회전

rotate()

 

크기

scaleX()

scaleY()

scale()

 

기울이기

skewX()

skewY()

skew()

 

이동

translateX()

translateY()

translate()

 

transform: translateX(10px) rotate(10deg) translateY(10px);

!작성한 순서대로 효과가 적용됨