My Css3 Animation Not Working On Mozilla

I tried adding -moz- but it doesnt wave.. it works on chrome but not on mozilla firefox I don't know whats wrong with it.. and help would be appreciated.. I doesnt animate on mozil

Solution 1:

Use This One for @-moz-keyframes

@-moz-keyframes music {
    0% {-moz-transform: translate3d(0,-10px,0);}
    50% {-moz-transform: translate3d(0,10px,0);}
    100% {-moz-transform: translate3d(0,-10px,0);}
}

You added @-moz-keyframes with no -moz-transform !! and you added -moz-transform to @-webkit-keyframes

Solution 2:

As per http://caniuse.com/#feat=css-animation:

@keyframes not supported in an inline or scoped stylesheet in Firefox (bug 830056)

Are you using it in an inline or scoped way? If so, there's your answer.