body {
	-webkit-perspective: 2000;
	-webkit-perspective-origin: 75px 75px;
}

#cubo {
	position: relative;
	margin-top: 100px;
	top: 150px;
	left: 550px;
	-webkit-transform: translateZ(-450px) translateX(-150px) translateY(-150px) rotateX(50deg);
	-webkit-transform-style: preserve-3d;
}

.faccia {
	position: absolute;
	opacity: 0.3;
}

#left {
	background-color: red;
	width: 150px;
	height: 150px;
	-webkit-transform: rotateX(90deg) translateZ(75px);
}

#right {
	background-color: green;
	width: 150px;
	height: 150px;
	-webkit-transform: translateZ(75px);
}

#bottom {
	background-color: yellow;
	width: 150px;
	height: 150px;
	-webkit-transform: rotateY(90deg) translateZ(75px);
}

#top {
	background-color: blue;
	width: 150px;
	height: 150px;
	-webkit-transform: rotateY(180deg) translateZ(75px);
}

#rear {
	background-color: black;
	width: 150px;
	height: 150px;
	-webkit-transform: rotateY(-90deg) translateZ(75px);
}

#front {
	background-color: violet;
	width: 150px;
	height: 150px;
	-webkit-transform: rotateX(-90deg) translateZ(75px) rotate(180deg);
}