<div id="transform1"></div>
<div id="transform2"></div>
<div id="transform3"></div>
<div id="transform4"></div>
#transform1 {
height:100px;
width:350px;
background:#38C3D9;
border:#000000 2px solid;
transform:skewY(25deg)
}
#transform2 {
height:200px;
width:350px;
background:#36E866;
border:#000000 2px solid;
transform:translate(350px,-25px)
}
#transform3 {
height:100px;
width:150px;
background:#ECD455;
border:#000000 2px solid;
transform:scaleY(5)
}
#transform4 {
height:100px;
width:150px;
background:#F91127;
border:#000000 2px solid;
transform:rotate(180deg)
}