Три квадрата

by pharma_nsk

HTML

<body>
<div class="blue"></div>
<div class="green"></div>
<div class="red"></div>
</body>

CSS

body {background-image: url("http://erinsowards.com/articles/2012/07/graphics/bkg_patterns_35.gif"); padding:60px;}
div {display:inline-block; vertical-align:middle;}
.blue {height:120px; width:120px; background-color:blue; border-radius:10px; transform: rotate(45deg);margin-right:40px; }
.green {height:100px; width:100px; background-color:green; border-radius:10px; transform: rotate(45deg);margin-right:30px; }
.red {height:80px; width:80px; background-color:red; border-radius:10px; transform: rotate(45deg);}