Thang đo biến đổi phần tử bằng cách sử dụng trục x với CSS3

Phương thức scaleX (x) được sử dụng để chia tỷ lệ phần tử bằng cách sử dụng trục x.

Hãy cho chúng tôi xem cú pháp -

scaleX(x)

Ở đây, x là một số đại diện cho hệ số tỷ lệ để áp dụng cho abscissa của mỗi điểm của phần tử.

Hãy để chúng tôi xem một ví dụ -

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