旋转图标刷新

Ebb*_*bbs 2 css3 twitter-bootstrap font-awesome

我正在关注这个例子.

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

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

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

无论我尝试哪种组合,我都无法旋转刷新图标.

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

Set*_*eth 7

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

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

<i class="fa fa-refresh fa-spin"></i>
Run Code Online (Sandbox Code Playgroud)

看着小狗旋转.

如果您有任何疑虑,请参阅fontawesome的旋转文档