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。

因此，如果您要刪除“錯誤”，則將其遺漏是非常安全的。