html - CSS 动画：在 Chrome 中有效，但在 Firefox 中无效？

Question

在旋转动画中，适用于 Chrome，但不适用于 Firefox。为什么？

@-moz-keyframes rotate {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

#example {
    background: red;
    width: 100px;
    height: 100px;
    -moz-animation: rotate 20s linear 0 infinite;
    -webkit-animation: rotate 20s linear 0 infinite;
}

http://jsfiddle.net/WsWWY/

Answer 1

当前的 Firefox 实现失败，除非时间值0有单位。使用0s或0ms。

http://jsfiddle.net/WsWWY/1/

注意：W3C明确允许不带单位的数字 0 作为长度值，但它对其他值没有规定。就个人而言，我希望这种情况有所改变，但目前 Firefox 的行为并没有错。