css实现动画之360度旋转

CSS实现静态图片的旋转，当然也包括背景图片：

@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.an {
  -webkit-transform: rotate(360deg);
  animation: rotation 5s linear infinite;
  -moz-animation: rotation 5s linear infinite;
  -webkit-animation: rotation 5s linear infinite;
  -o-animation: rotation 5s linear infinite;
}

如果要倾斜着旋转，就改成：

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