div { margin: 5px; } .layer1 {position: absolute; width: 100%; height: 100%; z-index:1;} .layer2 {position: absolute; width: 100%; height: 100%; left:50px; z-index:2;} .layer1 div { float: left; width: 110px; height: 110px; background: rgba(185,84,88,.5); float: left; -webkit-transform: rotate(10deg);} .layer2 div { float: left; width: 110px; height: 120px; background: rgba(120,181,199,.5); -webkit-transform: rotate(32deg);} }
s