/*定义一个动画*/
		@keyframes wanzi{
			from{
							transform: rotateX(-10deg) rotateY(0deg);
						}
			to{
							transform: rotateX(-10deg) rotateY(360deg);
						}
		}
		 body{
			 background-color: black;
		 }
		 #box2{
			 border: 2px;
			 height: 250px;
			 width: 250px;
			 /*固定点位*/
			 position: fixed;
			 left: calc(50% - 100px);
			 top: calc(50% - 125px);
			 /*把盒子变成3D盒子*/
			 transform-style: preserve-3d;
			 transform: rotateX(10deg) rotateY(10deg);
			 /*使用刚刚定义的动画*/
			 animation-name: wanzi;
			 animation-duration: 20s;
			 animation-iteration-count:infinite;
			 animation-timing-function:linear;
		 }
		 #box2>img{
			 height: 100%;
			 width: 100%;
			 position: absolute;
			 left: 0px;
			 top: 0px;
		 }
		 #box2>img:nth-child(1){
			 transform: translateZ(125px);	 
		 }
		 #box2>img:nth-child(2){
			 transform: rotateY(180deg) translateZ(125px);
		 }
		 #box2>img:nth-child(3){
			 transform: rotateX(90deg) translateZ(125px);
		 }
		 #box2>img:nth-child(4){
			 transform: rotateY(270deg) translateZ(125px);
		 }
		 #box2>img:nth-child(5){
			 transform: rotateY(90deg) translateZ(125px);
		 }
		 #box2>img:nth-child(6){
			 transform: rotateX(270deg) translateZ(125px);
		 }
		 /*前六张设置透明度*/
		 #box2>img:nth-child(-n+6){
			 opacity: 0.4;
		 }
		 #box2>img:nth-child(7){
			 transform: scale3d(0.5,0.5,0.5) translateZ(125px);
		 }
		 #box2>img:nth-child(8){
		 	 transform: scale3d(0.5,0.5,0.5) rotateY(180deg) translateZ(125px);
		 }
		 #box2>img:nth-child(9){
		 	 transform: scale3d(0.5,0.5,0.5)  rotateX(90deg) translateZ(125px);
		 }
		 #box2>img:nth-child(10){
		 	transform: scale3d(0.5,0.5,0.5)  rotateY(270deg) translateZ(125px);
		 }
		 #box2>img:nth-child(11){
		 	transform: scale3d(0.5,0.5,0.5)  rotateY(90deg) translateZ(125px);
		 }
		 #box2>img:nth-child(12){
		 	transform:  scale3d(0.5,0.5,0.5) rotateX(270deg) translateZ(125px);
		 }