如何让Font Awesome字体图标转动

作者 : 官方 本文共348个字,预计阅读时间需要1分钟 发布时间: 2020-04-26 共119人阅读

Font Awesome 字体图标转动

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

  1. <i class=“fa fa-spinner fa-spin”>
  2. <i class=“fa fa-circle-o-notch fa-spin”>
  3. <i class=“fa fa-refresh fa-spin”>
  4. <i class=“fa fa-cog fa-spin”>

说明:

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

IT速极网-【教程资源】 » 如何让Font Awesome字体图标转动

常见问题FAQ

RD.IT速极网可以技术支持吗?
需要技术技术资源联系客服即可!

发表评论