skewY() CSS Function

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

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

<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.

HTML

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

CSS

.skewY {

    transform-origin: top left;

    transform: skewY(10deg);

}

Result