3D旋转（视频中学来的，分享给大家）

不完善之处，请自己完善。

 
  
  
  
  
  
  

  
  
  *{
      margin:0px;
      padding:0px:
  }
  #box{
      width:150px;
      height:150px;
      margin:150px auto;
      transform-style:preserve-3d;
      transform-origin:center center center;
      animation:spain   12s infinite linear;
      position:relative;
  }
  @-webkit-keyframes spain
  {
     form{transform:rotateX(0deg) rotateY(0deg)}
     to{transform:rotateX(360deg) rotateY(360deg)}
  }