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
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?

Last updated by CSSPortal on: 1st December 2019