font-awesome或iconfont等其他字体实现旋转动画

今天有个需求，需要将一个restart的字体设置成一直滚动的动画效果。发现font-awesome已经实现了简单的旋转动画，所以和大家分享下。

1.项目需要引入font-awesome.css或font-awsesome.min.css

2.需要将字体display样式设置为inline-block，否则无动画效果

以下为demo:

<div class="fa-3x">
  <i class="fas fa-spinner fa-spin"></i>
  <i class="fas fa-circle-notch fa-spin"></i>
  <i class="fas fa-sync fa-spin"></i>
  <i class="fas fa-cog fa-spin"></i>
  <i class="fas fa-spinner fa-pulse"></i>
  <i class="fas fa-stroopwafel fa-spin"></i>
</div>

具体效果为：