利用CSS让图片围绕中心旋转

起因：

需要一个刷新按钮，一点击就自己旋转一圈，刚开始是想到做一个GIF图，点击图片后就换图片路径。
今天创建react脚手架的时候，看到了react的LOGO在自己动，就看了看他的css。

代码：

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

给图片加一个类名App-logo即可。需要改变快慢就改变时间。