CSS scaleX() Function

❮ Previous Functions Next ❯


.example {
  transform: scaleX(0.6);

Hello World!


The scaleX() css function defines a transformation that resizes an element along the x-axis (horizontally).

Note: scaleX(sx) is equivalent to scale(sx, 1) or scale3d(sx, 1, 1).

It modifies the abscissa of each element point by a constant factor, except when the scale factor is 1, in which case the function is the identity transform.

The scaling is not isotropic, and the angles of the element are generally not conserved, except for multiples of 90 degrees.

Version: CSS3

Standard Syntax


Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Function Arguments

The following table describes the arguments of this function.

Argument Description
s Specifies the number representing the scaling factor to apply on the abscissa of each point of the element.

See also

❮ Previous Functions Next ❯