dev.syw
전환 · 애니메이션

transform

요소를 이동·회전·확대·기울임 변형합니다.

translate()·rotate()·scale()·skew()로 요소를 변형합니다. 레이아웃에 영향을 주지 않고 GPU 가속을 받아 애니메이션 성능이 좋습니다.

주요 값translate() | rotate() | scale() | skew()

예시

.x:hover { transform: scale(1.05); }
← CSS 속성 사전 전체 보기