CSS skewX() Function

The skewX() function is an inbuilt function which is used to transform an element in the horizontal direction in a 2D plane. 

Syntax:

skewX( a )

Parameters: This function accepts single parameter a which holds the angle representing the horizontal axis. Below examples illustrate the skewX() function in CSS: 

Example 1: 

Output:

 👁 Image
 

Example 2: 

Output:

 👁 Image
 

Supported Browsers: The browsers supported by skewX() function are listed below:

• Google Chrome 1
• Edge 12
• Internet Explorer 9
• Firefox 3.5
• Safari 3.1
• Opera 10.5