CSS（关键帧）：对不起，规则@ -moz-keyframes尚未实现

Question

在验证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验证错误，什么是解决此错误的更好的解决方案

Answer 1

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

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

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