Skip to content

Skew

Below, utility classes to apply transform property.

ClassProperties
.skew-x-0transform: skewX(0deg);
.skew-y-0transform: skewY(0deg);
.skew-x-2transform: skewX(2deg);
.skew-y-2transform: skewY(2deg);
.skew-x-4transform: skewX(4deg);
.skew-y-4transform: skewY(4deg);
.skew-x-6transform: skewX(6deg);
.skew-y-6transform: skewY(6deg);
.skew-x-8transform: skewX(8deg);
.skew-y-8transform: skewY(8deg);
.skew-x-10transform: skewX(10deg);
.skew-y-10transform: skewY(10deg);
.skew-x-12transform: skewX(12deg);
.skew-y-12transform: 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>

Released under the Beerware 🍺 License.