Bouce effect在Mozilla Firefox上不起作用

Question

我研究bouce effect，我想知道为什么这个例子不适用于火狐???

http://jsfiddle.net/Nath/34eMN/

CSS部分：

div { -webkit-animation: bounce 1.5s infinite ease-in-out; }
@-webkit-keyframes bounce {
0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
40%                 { -webkit-transform: translateY(-10px); }
80%                 { -webkit-transform: translateY(-5px); }
}

Answer 1

因为您的所有转换都指定给不是 Firefox 的 webkit。卸下-webkit-部件，看看会发生什么。Firefox 不需要前缀，只有 webkit 浏览器需要。