*{		
 	margin: 0;		
 	padding: 0;		
 }		
 body{		
 		
 }		
 ul{		
 	transition: all 1s ease-in;		
	position: relative;		
	width: 400px;		
	margin: 100px auto;		
	perspective:800;		
	transform-style: preserve-3d;		
 	-webkit-perspective:800;		
 }			
 li{		
 	transition: all 1s ease-in;		
 	position: absolute;		
 	-webkit-perspective:800;		
 	display: inline-block;		
 	list-style: none;		
 	height: 300px;		
 	width: 400px;		
 	line-height: 300px;		
	text-align: center;		
 }		
 img{		
 	width: 80%;		
 	height: 80%;		
 }			
  	/* li:nth-of-type(1){ 		
  			transform:rotateY(0deg) translateZ(300px);		
  		}		
  		li:nth-of-type(2){		
 			transform:rotateY(60deg) translateZ(300px);		
 		} 		
 		li:nth-of-type(3){		
  		 	transform:rotateY(120deg) translateZ(300px);		
  		}		
  		li:nth-of-type(4){		
  			transform:rotateY(180deg) translateZ(300px);		
  		}		
  		li:nth-of-type(5){		
  			transform:rotateY(240deg) translateZ(300px);		
  		}		
 		li:nth-of-type(6){		
  			transform:rotateY(300deg) translateZ(300px);		
  		}			
  	 		
 }*/