CSS3에서 x축을 사용하여 요소를 스케일 변환합니다.

scaleX(x) 메서드는 x축을 사용하여 요소를 스케일 변환하는 데 사용됩니다.

구문을 보자 -

scaleX(x)

여기서 x는 요소의 각 점의 가로축에 적용할 scaling factor를 나타내는 숫자이다.

예를 들어 보겠습니다 -

div {
   width: 60px;
   height: 60px;
   background-color: yellow;
}
.scaled {
   transform: scaleX(0.5);
   background-color: black;
}