CSS / 애니메이션 / transform / scale – 2D 확대 또는 축소하기

transform / scale

  • transform의 scale로 요소를 확대 또는 축소할 수 있습니다.
  • 평면에서의 확대 또는 축소입니다.
  • IE는 버전 10부터 지원합니다.

문법

가로와 세로 모두 2배 확대합니다.

가로로 2배, 세로로 1.5배 확대합니다.

가로로 2배 확대합니다.

가로로 2배, 세로로 1.5배 확대합니다.

예제

  • 마우스를 올렸을 때 확대됩니다. 그 과정을 보기 위해 transition 속성을 추가했습니다.

  • 가로와 세로 다른 비율로 확대합니다.

CSS 강좌