Эффект bouce не работает на mozilla firefox

Question

Я работаю над эффектом bouce, и мне хотелось бы знать, почему этот пример не работает на firefox ???

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

Поскольку все ваши преобразования указаны в WebKit, который не является Firefox. Удалите часть -webkit- и посмотрите, что произойдет. Firefox не нуждается в префиксах, и только браузеры webkit.