[CSS 개념잡기] CSS 변형과 전환


[CSS 개념잡기] CSS 변형과 전환

CSS 변형과 전환 1) transform transform(변형) 개요 요소에 회전, 크기 조절, 기울이기, 이동 효과 등을 부여할 수 있다. transform-function 요소에 적용할 하나 이상의 CSS 변형 함수 변형 함수는 왼쪽에서 오른쪽으로 곱해짐 크기 - scale x, y, z축 비율 설정 가능, 원래 공간은 계속 차지함 회전 - rotate angle 자료형 deg - degree(도) turn - 바퀴 rotate - 각도만큼 회전 시킴 음수값도 가능 이동 - translate (0, 0)을 기준으로 얼만큼 이동시킬지 결정한다. 기울이기 - skew deg, 다른 속성과 달리 값을 하나만 입력하면 x축에만 적용된다.

기준점 - transform-origin 기준.....


원문링크 : [CSS 개념잡기] CSS 변형과 전환