CSS旋转

by 亮 薛

HTML

<img src="https://jsfiddle.net/favicon.ico" alt="">

CSS

@keyframes myfirst {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(2000deg);
  }
}

img {
  width: 200px;
  height: 200px;
  animation: myfirst 2s 0ms 1 normal ease-in forwards;
}