Transform

          The skew() method will skew the element along its Xaxis and Y-axis. The skewness will be determined by a given angle (in degree), which will be required as parameters of the method. This method will need two parameters which will set the skewness on both X and Y-axis. However, if the second parameter is not specified, it automatically has a zero value. Thus, an element will be skewed along the X-axis only.

div {
transform: skew(5deg, 20deg);
}

          It is also possible to set skewness on X-axis or Y-axis only. To do this, skewX() or skewY() method is used. Both methods will require only one parameter.

div {
transform: skewX(20deg);
}

div {
transform: skewY(20deg);
}