scaleX() CSS Function

Description

The scaleX() CSS function scales an element along the horizontal axis X.

Syntax

scaleX() = transform: scaleX(<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 horizontally;
    - a value of 1 leaves the element size unchanged and does not give a visible effect.

Example

<img class="scaleX" src="images/nature.jpg" alt="Nature Image">
.scaleX {
transform: scaleX(2);
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
??????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????

Last updated by CSSPortal on: 1st December 2019