Class-skew

Utilities for rotating elements with transform.

Use the v-skew-* utilities to control the skew of an element. You can use
the feat: custom feature if you want the skew to suit your needs.

Table list skews

Class name	Properties
v-skew-1	transform: skew(5deg);
v-skew-2	transform: skew(10deg);
v-skew-3	transform: skew(15deg);
v-skew-4	transform: skew(20deg);
-v-skew-1	transform: skew(-5deg);
-v-skew-2	transform: skew(-10deg);
-v-skew-3	transform: skew(-15deg);
-v-skew-4	transform: skew(-20deg);

The table above presents several types of skews with different variants.

Example Code

index.html

<div class="v-skew-1">
</div>
<div class="v-skew-2">
</div>
<div class="v-skew-3">
</div>
<div class="v-skew-4">
</div>
<div class="-v-skew-1">
</div>