动画图标

Loading...Loading...Loading...Loading...Loading...

使用fa-spin使任意图标种植旋转，可以还使用fa-pulse使其进行8方位旋转。尤其适合fa-spinner，fa-refresh，和fa-cog。

<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-refresh fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>

动画图标会在一些平台的浏览器中出现更高的效果，可看到问题列表＃671中的示例来解决此问题。

CSS3动画不支持IE8-IE9。