FontAwesome Icons 仅在鼠标悬停时旋转？

在很棒的字体中，我如何使用此代码：<i class="fa fa-spinner fa-spin"></i>仅适用于鼠标悬停？

您也可以创建另一个仅用于悬停的类，而不是覆盖该类：

.fa-spin-hover:hover {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}


<i class="fa fa-circle-o-notch fa-spin-hover"></i>
<i class="fa fa-spinner fa-spin-hover"></i>

Fiddle: http://jsfiddle.net/Xw7LH/1/ http://jsfiddle.net/Xw7LH/1/

注意：如果使用 Font-Awesome 4.2+，您可能需要使用“fa-”命名动画：

.fa-spin-hover:hover {
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}