转设计达人的一篇《给网页图标字体 Font Awesome 添加动画效果》，感觉很不错，看看下面的截图演示吧。
底部有演示地址，可以看看下真正的效果…… 也有Font-Awesome的下载地址。
当然了，可以设置为正常状态下也可以动态显示，也可以设置鼠标触发时发生动画效果。
教程很简单…… 支持Font Awesome内所有的字体都是动态效果的……
<link rel="stylesheet" href="font-awesome.min.css"> <link rel="stylesheet" href="font-awesome-animation.min.css">
<i class="fa fa-spinner faa-spin"></i>
<i class="fa fa-spinner faa-spin animated"></i>
和上面一样，也是添加一个animated-hover的Class即可。
<i class="fa fa-spinner faa-spin animated-hover"></i>
这就是全部的教程，看起来很简单，喜欢的朋友可以试试下吧，现在交互越来越重视，给图标加上对应的动画可以增加一些用户体验，是很不错的。
转载来源：http://www.newsky365.com/font-awesome/
给网页图标添加动画效果 网页字体Font Awesome动态效果,布布扣,bubuko.com
给网页图标添加动画效果 网页字体Font Awesome动态效果
原文：http://www.cnblogs.com/lulaiby/p/3573765.html