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