CSS skew() Function

Definition and Usage

of CSS skew() CSS function to skew elements along the x-axis and y-axis by the given angle.

skew() The function is used in transform Used in the attribute.

Example

Example 1

Usage skew() Skew several <div> elements:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Try It Yourself

Example 2

Usage skew() Skewed Image:

#img1 {
  transform: skew(25deg);
}
#img2 {
  transform: skew(-25deg);
}
#img3 {
  transform: skew(10deg, 10deg);
}

Try It Yourself

CSS Syntax

skew(ax, ay)

Technical Details

Browser Support

The numbers in the table represent the first browser version to fully support this function.

Pagine correlate

Tutorial:Trasformazione 2D CSS

Riferimento:Proprietà transform CSS

Riferimento:Funzione skewX() CSS

Riferimento:Funzione skewY() CSS