body
		{
			background-color: #66CCFF;
		}
		#box2
		{
			border: 0px solid white;
			height: 250px;
			width: 250px;
			position: fixed;/*定位*/
			left: calc(50% - 125px);
			top: calc(50% - 100px);
			transform-style: preserve-3d;/*3D*/
			transform: rotateX(-10deg) rotateY(-10deg);
			animation: xz 30s infinite linear normal;/*调用动画*/
			animation-play-state: paused;
		}
		#box2>img
		{
			width: 100%;
			height: 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: rotateY(90deg)translateZ(125px);
		}
		#box2>img:nth-child(4)
		{
			transform: rotateY(270deg)translateZ(125px);
		}
		#box2>img:nth-child(5)
		{
			transform: rotateX(90deg)translateZ(125px);
		}
		#box2>img:nth-child(6)
		{
			transform: rotateX(270deg)translateZ(125px);
		}		
		
		#box2>img:nth-child(odd)
		{
			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) rotateY(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) rotateX(90deg)translateZ(125px);
		}
		#box2>img:nth-child(12)
		{
			transform: scale3d(0.5,0.5,0.5) rotateX(270deg)translateZ(125px);
		}		
		
		#box2>img:nth-child(even)
		{
			opacity: 0.6;
		}