Playit

CSS Property:

transform:

skew(10deg,10deg)

skew(20deg,20deg)

skew(30deg,30deg)

skew(40deg,40deg)

skew(45deg,45deg)

skew(50deg,50deg)

skew(60deg,60deg)

skew(70deg,70deg)

skew(80deg,80deg)

skew(90deg,90deg)

skew(100deg,100deg)

skew(110deg,110deg)

skew(120deg,120deg)

skew(130deg,130deg)

skew(140deg,140deg)

skew(150deg,150deg)

skew(160deg,160deg)

skew(170deg,170deg)

skew(180deg,180deg)

none

Result:

myDIV

CSS Code:

#myDIV {
  background-color:lightblue;
  transform:skew(10deg,10deg));
}

Click the property values above to see the result

W3Schools.com - Play it