Course Content

Advanced CSS Techniques

## Advanced CSS Techniques

# Skewing

`skew()`

allows us to deviate an element's sides to the coordinate axes on a specific angle. The angle must be specified in degrees (`deg`

). Also, we can determine the skew only for the x-axis or y-axis. The syntax is following:

`skew()`

accepts 2 values. The`X_angle`

value specifies the skew angle for the x-axis. The`Y_angle`

value specifies the skew angle for the y-axis. If we don't set the second value (`Y_angle`

), the browser understands it as`skewX()`

;`skewX(angle)`

specifies the skew along the x-axis;`skewY(angle)`

specifies the skew along the y-axis.

Let's run the following example to see what we can get with the help of skewing:

index

index

index

Everything was clear?