.wrap {
	width : 100px;
	height : 100px;
	margin : 0px auto;
	margin-top : 100px;
	position : relative;
	perspective : 4000px;
	-webkit-perspective : 4000px;
	-moz-perspective : 4000px;
	-o-perspective : 4000px;
	-ms-perspective : 4000px;
}
.cube {
	width : 100%;
	height : 100%;
	position : relative;
	top : 0px;
	transform-style : preserve-3d;
	-webkit-transform-style : preserve-3d;
	-moz-transform-style : preserve-3d;
	-o-transform-style : preserve-3d;
	-ms-transform-style : preserve-3d;
	transform: rotateX(-20deg) rotateY(45deg);
	-webkit-transform: rotateX(-20deg) rotateY(45deg);
	-moz-transform: rotateX(-20deg) rotateY(45deg);
	-o-transform: rotateX(-20deg) rotateY(45deg);
	-ms-transform: rotateX(-20deg) rotateY(45deg);
}
.div {
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	text-align : center;
	line-height : 100px;
}
.front {
	transform: translateZ(50px);
	-webkit-transform: translateZ(50px);
	-moz-transform: translateZ(50px);
	-o-transform: translateZ(50px);
	-ms-transform: translateZ(50px);
	background-color : yellow;
}
.back {
	transform: translateZ(-50px);
	-webkit-transform: translateZ(-50px);
	-moz-transform: translateZ(-50px);
	-o-transform: translateZ(-50px);
	-ms-transform: translateZ(-50px);
	background-color : red;
}
.top {
	transform: rotateX(90deg) translateZ(-50px);
	-webkit-transform: rotateX(90deg) translateZ(-50px);
	-moz-transform: rotateX(90deg) translateZ(-50px);
	-o-transform: rotateX(90deg) translateZ(-50px);
	-ms-transform: rotateX(90deg) translateZ(-50px);
	background-color : blue;
}
.bottom {
	transform: rotateX(-90deg) translateZ(-50px);
	-webkit-transform: rotateX(-90deg) translateZ(-50px);
	-moz-transform: rotateX(-90deg) translateZ(-50px);
	-o-transform: rotateX(-90deg) translateZ(-50px);
	-ms-transform: rotateX(-90deg) translateZ(-50px);
	background-color : green;
}
.left {
	transform: rotateY(90deg) translateZ(-50px);
	-webkit-transform: rotateY(90deg) translateZ(-50px);
	-moz-transform: rotateY(90deg) translateZ(-50px);
	-o-transform: rotateY(90deg) translateZ(-50px);
	-ms-transform: rotateY(90deg) translateZ(-50px);
	background-color : white;
}
.right {
	transform: rotateY(-90deg) translateZ(-50px);
	-webkit-transform: rotateY(-90deg) translateZ(-50px);
	-moz-transform: rotateY(-90deg) translateZ(-50px);
	-o-transform: rotateY(-90deg) translateZ(-50px);
	-ms-transform: rotateY(-90deg) translateZ(-50px);
	background-color : black;
}