Scale Transform Element using X-Axis with CSS3

The scaleX(x) method is used to scale transform the element using x-axis.

Let us see the syntax −

scaleX(x)

Here, x is a number representing the scaling factor to apply on the abscissa of each point of the element.

Let us see an example −

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