css3 - CSS(关键帧):对不起，规则@ -moz-keyframes尚未实现

在验证CSS3时，对于我的网站可以看到以下错误：


  抱歉，规则@ -moz-keyframes未实现


以下是CSS代码：

第16行：

@-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)
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform:rotate(0deg)
    }
    100% {
        -ms-transform:rotate(359deg)
    }
}
@keyframes spin {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(359deg)
    }
}
.fa-rotate-90 {
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}

我想知道这是哪种CSS验证错误，什么是解决此错误的更好的解决方案

最佳答案

根据caniuse，Firefox 5-15使用了-moz-animation（和相应的@-moz-keyframes）。

您正在使用的验证程序最有可能（正确地）假设所有认真的用户（至少Firefox用户的99.65％，在总范围内甚至更少）将使用比Firefox 15更现代的Firefox。

因此，如果您要删除“错误”，则将其遗漏是非常安全的。

关于css3 - CSS(关键帧):对不起，规则@ -moz-keyframes尚未实现，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25821365/