CSS(关键帧): Sorry, at-rule @-moz-keyframes 未实现

Question

验证 CSS3 时，我的网站出现以下错误:

Sorry, the at-rule @-moz-keyframes is not implemented

下面是 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 ，-moz-animation(以及相应的@-moz-keyframes)由 Firefox 5-15 使用。

您使用的验证器很可能(正确地)假设所有有效用户(至少 99.65% Firefox 用户，甚至更少的总范围) things)将使用比 Firefox 15 更现代的 Firefox。

因此，如果您想删除“错误”，将其忽略是非常安全的。