css实现图片转动

转自:http://ui.girl13.com/1420.html

代码:

@keyframes rotate {
   from {
      -webkit-transform: rotate(0deg)
   }
   to {
      -webkit-transform: rotate(360deg)
   }
}

@-webkit-keyframes rotate {
   from {
      -webkit-transform: rotate(0deg)
   }
   to {
      -webkit-transform: rotate(360deg)
   }
}

@-moz-keyframes rotate {
   from {
      -moz-transform: rotate(0deg)
   }
   to {
      -moz-transform: rotate(360deg)
   }
}

@-ms-keyframes rotate {
   from {
      -ms-transform: rotate(0deg)
   }
   to {
      -ms-transform: rotate(360deg)
   }
}

@-o-keyframes rotate {
   from {
      -o-transform: rotate(0deg)
   }
   to {
      -o-transform: rotate(360deg)
   }
}

img {
   animation: 9.5s linear 0s normal none infinite rotate;
   -webkit-animation: 0.8s linear 0s normal none infinite rotate;
   height: 50px;
   width: 50px;
   border-radius: 50%;
}