旋转图标刷新

我正在关注this示例。旋转图标刷新

我对CSS3还是有点新，并不确定我做错了什么。我有一个简单的网站使用MVC4，与twitter引导和fontawesome。我试图让我刷新按钮动画，而我等待一个jQquery帖子来完成。

我已经把CSS放在它自己的文件中，并且正确地被引用。

我已经尝试使用jQuery作为一个文件，只是简单地在页面上的脚本标记。

无论我尝试使用哪种组合，我都无法获取刷新图标进行旋转。

任何想法我做错了什么？有没有其他的方式来旋转图标？

2014-03-18 Ebbs

你试过点击微调，而它在那里？如果你按照例子逐字，它有一个点击事件处理程序。你想把它加入一个就绪函数'$（function（）{// here}）;'。 – Seth

如果您使用font-awesome，则可以将类fa-spin添加到您的元素，它内置并需要添加7个额外字符！手动编写css3动画并使用JavaScript切换类。

只是要一个元素，像这样，

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

，看那只小狗旋转。

参考fontawesome's spinning docs，如果你有任何问题

2014-03-18 19:06:45 Seth

太棒了！谢谢你，那正是我想要的。应该深入一点。 – Ebbs

只是对任何想要使用此解决方案的人发出警告：Firefox呈现“摇晃”的旋转图标。我在版本28.0。这是FA的github上的一个[link]（https://github.com/FortAwesome/Font-Awesome/issues/671）。 – Ebbs

使用这个类的fontAwesom图标：类=“图标刷新图标旋转” 这里我们可以包括fontAwesome图标：fontAwesome icons website

2014-11-29 08:38:24

欢迎使用stackoverflow，请访问http://stackoverflow.com/help/how-to-answer –

回答