Font Awesome 中文网-动画图标

KuaiKan 2020-10-9 130

动画图标

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

使用fa-spin使任意图标种植旋转,可以还使用fa-pulse使其进行8方位旋转。尤其适合fa-spinnerfa-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。

签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回