@keyframes chou{
 		from{
 			transform: rotateX(-10deg) rotateY(0deg);
 			}
 		to{
 			transform: rotateX(-10deg) rotateY(360deg);
 		}
 	}
  body{
 	 background-color:bisque;
  }
 #box{
 	border: 0px solid white;
 	height: 300px;
 	width: 300px;
 	position: fixed;
 	left: calc(50% - 150px);
 	top: calc(50% - 150px);
 	transform-style: preserve-3d;
 	transform: rotateX(-10deg);
 	animation-name: chou;
 	animation-duration: 30s;
 	animation-iteration-count: infinite;
 	animation-timing-function: linear;
 }
 #box>img{
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	box-shadow: 10px 10px 10px 10px aliceblue;
 }
 #box>img:nth-child(1){
 	transform:rotateY(30deg) translateZ(600px);
 }
 #box>img:nth-child(2){
 	transform: rotateY(60deg) translateZ(600px);
 }
 #box>img:nth-child(3){
 	transform:rotateY(90deg) translateZ(600px);
 }
 #box>img:nth-child(4){
 	transform: rotateY(120deg) translateZ(600px);
 }
 #box>img:nth-child(5){
 	transform:rotateY(150deg) translateZ(600px);
 }
 #box>img:nth-child(6){
 	transform: rotateY(180deg) translateZ(600px);
 }
 #box>img:nth-child(7){
 	transform:rotateY(210deg) translateZ(600px);
 }
 #box>img:nth-child(8){
 	transform: rotateY(240deg) translateZ(600px);
 }
 #box>img:nth-child(9){
 	transform:rotateY(270deg) translateZ(600px);
 }
 #box>img:nth-child(10){
 	transform: rotateY(300deg) translateZ(600px);
 }
 #box>img:nth-child(11){
 	transform:rotateY(330deg) translateZ(600px);
 }
 #box>img:nth-child(12){
 	transform: rotateY(360deg) translateZ(600px);
 }