div { display: inline-block; width: 100px; height: 100px; background: #dddddd; border: 1px solid #555555; color: #000000; margin: 50px; } #test1 { transform: skew(30deg, 40deg); } #test2 { transform: skew(0.5rad); } #test3 { transform: skewX(-45deg); } #test4 { transform: skewY(-0.5rad); }