bouce effect not working on mozilla firefox

Question

I work on bouce effect and i would like to know why this example doesn't work on 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); }
}

Answer 1

Because all your transforms are specified to webkit which is not Firefox. Remove the -webkit- part and see what happens. Firefox does not need prefixes and only webkit browsers do.