skewY() CSS Function

Description

The skewY() CSS function tilts the element vertically at a given angle.

Syntax

skewY() = transform: skewY(<angle>);

Values

  • <angle>The angle is taken as the value. A positive value tilts to the left, a negative value to the right. A value of 0 leaves the element without distortion.

Example

<img class="skewY" src="images/nature.jpg" alt="Nature Image">
.skewY {
transform-origin: top left;
transform: skewY(10deg);
}

Browser Support

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