CSS skewY() Function

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

Syntax:

skewY( a )

Parameters: This function accepts single parameter a which holds the angle representing the vertical axis. 

Below examples illustrate the skewY() function in CSS: 

Example 1: 

Output:

 👁 Image
 

Example 2: 

Output:

 👁 Image
 

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

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