<div class="isometry-container">
	<div class="isometric-shape three"></div>
	<div class="isometric-shape two"></div>
	<div class="isometric-shape one"></div>
</div>

.isometry-container {
	position : relative;
	width    : 300px;
	height   : 300px;
	margin   : auto;
	}

.isometric-shape {
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 300px;
	height     : 300px;
	transform  : rotateX(60deg) rotateY(0deg) rotateZ(45deg);
	box-shadow : 1px 1px 0 #066, 2px 2px 0 #066;
	}

.isometric-shape.one {
	background : rgba(0, 153, 153, 1);
	}

.isometric-shape.two {
	top        : 40px;
	background : rgba(0, 153, 153, 0.5);
	}

.isometric-shape.three {
	top        : 80px;
	background : rgba(0, 153, 153, 0.5);
	}