transform (변형) 개요

transform속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있다.

크기 - scale

2D만을 위한 function이다. scale( ) -> 음수부터 소수점까지 가능하다.
scale( x, y )
scalex(5)
scaley(0.5)

회전 - rotate

turn과 deg를 많이 사용한다.
180 deg = 0.5turn 과 같다.

이동 - translate

translate(200px) = (200px, 0) 과 같다

기울이기 - skew

기준점 - transform-origin

center는 기본값이다.