【问题标题】:CSS (Keyframes): Sorry, the at-rule @-moz-keyframes is not implementedCSS(关键帧):抱歉,@-moz-keyframes 规则未实现
【发布时间】:2014-11-07 09:42:49
【问题描述】:

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

【问题讨论】:

  • 嘿 Zach,我猜你提供了准确的答案。我很欣赏你的观点。
  • 我是 Stackoverflow 的新手,我需要 15 个声誉才能将任何答案标记为正确。

标签: css css-animations css-validator


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-07-15
    • 2016-12-29
    • 2012-02-10
    • 1970-01-01
    • 1970-01-01
    • 2018-07-04
    • 1970-01-01
    相关资源
    最近更新 更多