is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
Menu
How it works
Features
Components
Pricing
Log in
Try Demo
← Tailwind CSS classes list
Tailwind CSS class:
.skew-x-1
<div class="skew-x-1 transform bg-teal-400 p-4 m-4inline-flex">1</div>
Preview
1
More in Tailwind CSS Transform
.transform / .transform-none
.origin-center / .origin-*
.translate-x-0
.translate-x-1
.translate-x-2
.translate-x-3
.translate-x-4
.translate-x-5
.translate-x-6
.translate-x-8
.translate-x-10
.translate-x-12
.translate-x-16
.translate-x-20
.translate-x-24
.translate-x-32
.translate-x-40
.translate-x-48
.translate-x-56
.translate-x-64
.translate-x-px
.translate-x-1/2
.translate-x-full
.translate-y-0
.translate-y-1
.translate-y-2
.translate-y-3
.translate-y-4
.translate-y-5
.translate-y-6
.translate-y-8
.translate-y-10
.translate-y-12
.translate-y-16
.translate-y-20
.translate-y-24
.translate-y-32
.translate-y-40
.translate-y-48
.translate-y-56
.translate-y-64
.translate-y-px
.translate-y-1/2
.translate-y-full
.-translate-x-1
.-translate-x-2
.-translate-x-3
.-translate-x-4
.-translate-x-5
.-translate-x-6
.-translate-x-8
.-translate-x-10
.-translate-x-12
.-translate-x-16
.-translate-x-20
.-translate-x-24
.-translate-x-32
.-translate-x-40
.-translate-x-48
.-translate-x-56
.-translate-x-64
.-translate-x-px
.-translate-x-1/2
.-translate-x-full
.-translate-y-1
.-translate-y-2
.-translate-y-3
.-translate-y-4
.-translate-y-5
.-translate-y-6
.-translate-y-8
.-translate-y-10
.-translate-y-12
.-translate-y-16
.-translate-y-20
.-translate-y-24
.-translate-y-32
.-translate-y-40
.-translate-y-48
.-translate-y-56
.-translate-y-64
.-translate-y-px
.-translate-y-1/2
.-translate-y-full
.scale-0 / .scale-*
.scale-x-0
.scale-x-50
.scale-x-75
.scale-x-90
.scale-x-95
.scale-x-100
.scale-x-105
.scale-x-110
.scale-x-125
.scale-x-150
.scale-y-0
.scale-y-50
.scale-y-75
.scale-y-90
.scale-y-95
.scale-y-100
.scale-y-105
.scale-y-110
.scale-y-125
.scale-y-150
.rotate-0
.rotate-45
.rotate-90
.rotate-180
.-rotate-45
.-rotate-90
.-rotate-180
.skew-x-0
.skew-x-3
.skew-x-6
.skew-x-12
.skew-y-0
.skew-y-3
.skew-y-6
.skew-y-12
.-skew-x-3
.-skew-x-6
.-skew-x-12
.-skew-y-3
.-skew-y-6
.-skew-y-12
.diagonal-fractions
.rotate-1
.skew-x-2
.skew-y-1
.skew-y-2
.transform-gpu
.translate-x-11
.translate-y-11
Tailwind CSS
Tailwind Editor
Tailwind Components
Tailwind Templates