Skew
Below, utility classes to apply transform
property.
Class | Properties |
---|---|
.skew-x-0 | transform: skewX(0deg); |
.skew-y-0 | transform: skewY(0deg); |
.skew-x-2 | transform: skewX(2deg); |
.skew-y-2 | transform: skewY(2deg); |
.skew-x-4 | transform: skewX(4deg); |
.skew-y-4 | transform: skewY(4deg); |
.skew-x-6 | transform: skewX(6deg); |
.skew-y-6 | transform: skewY(6deg); |
.skew-x-8 | transform: skewX(8deg); |
.skew-y-8 | transform: skewY(8deg); |
.skew-x-10 | transform: skewX(10deg); |
.skew-y-10 | transform: skewY(10deg); |
.skew-x-12 | transform: skewX(12deg); |
.skew-y-12 | transform: skewY(12deg); |
Example(s)
html
<div class="skew-x-2 ..."></div>
<div class="skew-x-4 ..."></div>
<div class="skew-x-6 ..."></div>
<div class="skew-x-8 ..."></div>
<div class="skew-x-10 ..."></div>
html
<div class="skew-y-2 ..."></div>
<div class="skew-y-4 ..."></div>
<div class="skew-y-6 ..."></div>
<div class="skew-y-8 ..."></div>
<div class="skew-y-10 ..."></div>