css - Font Awesome extras.less 变量

Question

在 Font Awesome 版本 2.3.2 less 文件夹中，我找到了文件 extras.less。

下面是什么意思？

    @-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

Answer 1

Font Awesome 使用 CSS3 旋转 FA 图标 - see the examples .只需将 fa-spin 添加到 FA 的 i 标签上的类即可。