scale () 메서드

scale () 메서드

규모

이 scale()메서드는 요소의 크기를 늘리거나 줄입니다 (폭 및 높이에 대한 매개 변수에 따라).

다음 예제에서는 <div> 요소를 원래 너비의 두 배, 원래 높이의 세 배로 늘립니다. 

예

div {

    -ms-transform: scale(2, 3); /* IE 9 */

    -webkit-transform: scale(2, 3); /* Safari */

    transform: scale(2, 3);

}

다음 예제에서는 <div> 요소를 원래 너비와 높이의 절반으로 줄입니다. 

예

div {

    -ms-transform: scale(0.5, 0.5); /* IE 9 */

    -webkit-transform: scale(0.5, 0.5); /* Safari */

    transform: scale(0.5, 0.5);

}