如何让Font Awesome字体图标转动?

• • 腾讯云建站教程
  • 宝塔面板建站教程
  • 老薛主机建站教程
  • SiteGround建站教程

Font Awesome 字体图标转动

使用 class fa-spin 可以使任何图标执行旋转动画，使用 class fa-pulse 可以使图标以 8 步为周期进行旋转。可以完美执行旋转动画的图标有：fa-spinner，fa-refresh 和 fa-cog。具体代码如下：

<i class="fa fa-spinner fa-spin">
<i class="fa fa-circle-o-notch fa-spin">
<i class="fa fa-refresh fa-spin">
<i class="fa fa-cog fa-spin">

说明：

• 以上代码中的 fa-spin 可以改为 fa-pulse，同样是转动，感觉就是转动速度不一样。
• 某些平台和某些浏览器上执行图标动画会发生不正常的晃动，CSS3 动画不支持 IE8-IE9 浏览器。

以上内容整理自@小珊迪的博客

本文地址：https://boke112.com/post/5949.html