旋转图标刷新

时间:2014-03-18 18:17:02

标签: twitter-bootstrap css3 font-awesome

我正在关注this示例。

我对CSS3还有点新意,不知道我做错了什么。我有一个使用MVC4的简单网站,有twitter bootstrap和fontawesome。我在等待jQquery帖子完成时试图让刷新按钮生动。

我已将CSS(如示例中所指定)放在自己的文件中,并且正确引用它。

我已尝试将jQuery用作文件,只是在页面上的脚本标记中。

无论我尝试哪种组合,我都无法轮换刷新图标。

任何想法我做错了什么?还有其他方法可以旋转图标吗?

2 个答案:

答案 0 :(得分:7)

如果你正在使用font-awesome,你可以将类fa-spin添加到你的元素中,它是内置的,需要你添加7个额外的字符!节拍手动编写css3动画并使用javascript切换类。

只需制作一个这样的元素,

<i class="fa fa-refresh fa-spin"></i>

看着小狗旋转。

如果您有任何疑虑,请参阅fontawesome's spinning docs

答案 1 :(得分:0)

使用这类字体真棒图标:class =“icon-refresh icon-spin” 这里是我们可以包含字体真棒图标的地方:fontAwesome icons website