과목 추천：

CSS scale() 함수

정의와 사용법 scale() CSS의

scale() 함수는 요소를 확대하는 데 사용됩니다(너비와 높이).

scale() 함수는 x와 y 방향에서 요소의 확대 값을 정의합니다. transform 속성에 사용됩니다.

예제

예제 1

사용 scale() 여러 <div> 요소 확대:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

직접 테스트해 보세요

예제 2

사용 scale() 이미지 확대:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

직접 테스트해 보세요

CSS 문법

scale(sx, sy)

기술 세부 사항

브라우저 지원

표에서의 숫자는 해당 함수를 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

相关页面

教程：CSS 2D 변환

참조:CSS 트랜스폼 속성

참조:CSS scale 속성

참조:CSS 스케일3d() 함수

참조:CSS scaleX() 함수

참조:CSS scaleY() 함수