CSS scaleY() Function

❮ Previous Functions Next ❯


.example {
  transform: scaleY(0.6);

Hello World!


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


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 ordinate of each point of the element.

See also

❮ Previous Functions Next ❯