HTML微调器在firefox中不旋转

我使用图标字体微调器来显示正在处理的内容。 但在firefox中，微调器并没有旋转 这是我的less代码

.animation (@params) {
    -webkit-animation:@params;
    -o-animation:@params;
    animation:@params;
}

.spin {
    .animation(spin 1500ms infinite linear);
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); } }
@-o-keyframes spin {
    to { -o-transform: rotate(360deg); } }
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

这是我的html代码

<div ng-if="showProgressBar" class="spin icon-spinner">
</div>

---

它在铬合金中工作良好。在firefox中，我可以看到静态图标不旋转图标

将

-moz

供应商前缀也添加到您的样式中并检查。似乎您正在使用旧版本的firefox。使用

-moz

前缀。我有firefox版本30。我相信在这个版本中，厂商前缀不需要解决，我必须在另一个div中包装spinner