CSS scaleX() Function

Example

.example {
  transform: scaleX(0.6);
}

Hello World!

Meaning

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

scaleX(s)

Browser Support

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

Status

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.