[CSS] Transform 속성

 

transform은 기울기,회전속성

transform:skew() 기울기
transform:scale() 크기
transform:rotate() 회전

transform:translate(x,y) 요소위치 이동 (예) translate(40px, 40px)

------------------------------------------------------------------------
transform 속성을 1개이상 사용할 경우 한줄에 넣어야함

(예시) 

▼아래의 경우는 오류 (중복되면 가장 하단의 속성이 상단의 속성을 덮어버림)
-50도 회전하고 20도로 기울인다
transform:rotate(-50deg);
transform:skew(20deg);

▼올바른 사용법
transform:rotate(-50deg) skew(20deg);