弹跳效果不适用于Mozilla Firefox

时间:2014-12-21 14:47:05

标签: firefox jsfiddle effect bounce

我处理弹跳效果,我想知道为什么这个例子不适用于firefox ???

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

css part:

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); }
}

1 个答案:

答案 0 :(得分:1)

因为所有变换都指定给不是Firefox的webkit。删除-webkit-部分,看看会发生什么。 Firefox不需要前缀,只需要webkit浏览器。