HTML spinner不在firefox中旋转

Question

我正在使用icon-font微调器来显示正在处理的内容。 但是微调器并没有在firefox中旋转 这是我较少的代码

.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中我能看​​到静态图标不旋转图标