skewX() CSS Function

Description

The skewX() CSS function tilts an element horizontally at a given angle.

Syntax

skewX() = transform: skewX(<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="skewX" src="images/nature.jpg" alt="Nature Image">
.skewX {
transform-origin: top left;
transform: skewX(10deg);
}

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