Core Code
Core Code Modern Dev Handbook

Skew Transform

Skew elements horizontally or vertically.

Preview

Code

<style>
.box{
width:120px;
height:80px;
background:#ef4444;
transform:skew(20deg,0);
}
</style>

<div class="box"></div>

More CSS 2D Transforms Examples (8)

example Translate Transform open example example Rotate Transform open example example Scale Transform open example example Scale on Hover open example example Multiple Transforms open example example Transform Origin open example example Matrix Transform open example example Centered Transform open example