#parallelogram { margin: auto; width: 250px; height: 230px; background:blue; transform:skew(20deg); /* crosbrowser */ -webkit-transform:skew(20deg); -moz-transform:skew(10deg); -o-transform:skew(20deg); }