Question

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

Answer 1

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

您使用的验证器很可能（正确地）假设有效所有严重用户（至少99.65％ Firefox用户，甚至更少）事情范围）将使用比Firefox 15更现代的Firefox。

因此，如果您想要删除＆＃34;错误＆＃34;

，那么将其遗漏是非常安全的。

CSS（关键帧）：对不起，at-rule @ -moz-keyframes没有实现

1 个答案: