css做一个旋转的动画效果

先上css代码

.superState {
  background: url("superState.png");  //  背景图片
  background-size: 100% 100%;  //  背景图片占满
  -moz-transform:rotate(180deg);  //  背景图片的初始转换，可以通过修改括号中的数值改变初始转动位置
  -webkit-transform:rotate(180deg);  //  背景图片的初始转换，可以通过修改括号中的数值改变初始转动位置
  animation: superStateFlash 1.5s linear infinite;  //  动起来
}
@keyframes superStateFlash {
  from {
    transform:rotate(90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  } to {
        transform:rotate(180deg);
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
      }
}

html代码

<div class="superState"></div>