Advanced CSS Techniques

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:

Select the correct statement.

Select the correct answer

If we set one value for the function "skew()", the browser will apply the same value for both the x-axis and the y-axis.

If we set one value for the function "skew()", the browser will apply the skewing angle only for the x-axis.

If we set one value for the function "skew()", the browser will apply the skewing angle only for the y-axis.

Submit Answer