Skew

Syntax

Class
Properties
transform-skew-{x}-{y}
transform: skew({x}, {y});

Parameters

x
<angle>
y
<angle>
<div class="t1 px-16 py-4 bg-c-white rounded-3 color-blue b-2-blue shadow-8 my-32 cursor-pointer select-none transform-none">Button</div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Skew by 10deg, 20deg.
t1 transform-skew-10-20
.t1.transform-skew-10-20 { transform: skew(10deg, 20deg); }
Skew by -10deg, -20deg.
t1 transform-skew--10--20
.t1.transform-skew--10--20 { transform: skew(-10deg, -20deg); }