2

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

抱歉,at-rule @-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 验证错误,以及解决此错误的更好方法是什么

4

1 回答 1

3

根据caniuse的说法, Firefox 5-15 使用了-moz-animation(和相应的)。@-moz-keyframes

您使用的验证器很可能(正确地)假设所有认真的用户(至少 99.65%的 Firefox 用户,甚至更少)将使用比 Firefox 15 更现代的 Firefox。

因此,如果您想删除“错误”,将其排除在外是非常安全的。

于 2014-09-15T05:38:43.233 回答