CSS scaleY() Function

.example {
  transform: scaleY(0.6);
}

Meaning

The scaleY() css function defines a transformation that resizes an element along the y-axis (vertically).

Note: scaleY(sy) is equivalent to scale(1, sy) or scale3d(1, sy, 1).

Note: transform: rotateX(180deg); is equal to transform: scaleY(-1);

Version: CSS3

Standard Syntax

scaleY(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.

See also

• transform
• <transform-function>
• scale()
• scale3d()
• scaleX()
• scaleZ()
• translate3d()
• rotate3d()
• Individual transform properties:
• translate
• scale
• rotate