Skew Elements in 2D with the transform CSS Property

The transform property in CSS gives you the ability to transform elements in 2D or 3D. The most common transforms used to change elements are rotate, skew, translate, and scale.

In this video we will look at skew.

This property skews an element on the 2D plane.

There is a shorthand that uses either one value or two.

You can also write out specifically if you want to skew on the X or Y axis.

The skew property tilts the element either to the right or the left