scaleY() CSS Function

Description

The scaleY() CSS function scales an element along the horizontal axis Y.

Syntax

scaleY() = transform: scaleY(<number>);

Values

• <number>The value is a positive or negative number.
  - a value greater than 1 (for example: 1.5) increases the scale;
  - a value less than 1 (for example: 0.8) reduces the scale;
  - a negative value (for example: -1) mirrors the element vertically;
  - a value of 1 leaves the element size unchanged and does not give a visible effect.

Example

<img class="scaleY" src="images/nature.jpg" alt="Nature Image">

.scaleY {

    transform: scaleY(0.5);

}

Browser Support

Desktop
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?

Last updated by CSSPortal on: 1st December 2019