CSS3动画不适用于Mozilla Firefox

Question

我正在尝试使用CSS3 keyframes来制作鸟的拍打效果。它在谷歌浏览器上工作正常。它似乎不适用于mozilla firefox。

这是我的fiddle

Answer 1

如果您使用-moz-animation: fly 0.2s steps(4) 10;，则有效。看起来firefox在你缩短动画属性方面存在一些问题。

我不确定其他0应该用于什么，但除非我遗漏了某些东西，否则看起来不需要......

修改：我在Chrome中验证了不需要额外的0：

.follow-button:hover {
    -webkit-animation: fly 0.2s steps(4) 10;
    -moz-animation: fly 0.2s steps(4) 10;
    animation: fly 0.2s steps(4) 10;
}