Why isn't -moz-animation working?

Question

The following CSS works fine in Webkit. Haven\'t checked it in Opera, but I know it\'s not working in Firefox. Can anybody tell me why?

The correct classes are defin

Answer 1

Skyline is correct. Firefox does not support this, so you will need additional code to get the same or similar effects if they exist without webkit.

Also, here is some additional information that might help you with your code or help you in deciding where to go from this point with your code if adding additional code is not an option (I ended up changing how I code to keep from being overwhelmed with code):

http://caniuse.com/#

http://www.quirksmode.org/webkit.html

Answer 2

Your animations are not working in Firefox because you are using @-webkit-keyframes, which only applies to Webkit browsers, i.e. Chrome and Safari. The (somewhat) cross-browser way to do animation keyframes is:

@keyframes animationName {
    /* animation rules */
}

@-moz-keyframes animationName {
    /* -moz-animation rules */
}

@-webkit-keyframes animationName {
    /* -webkit-animation rules */
}

Opera and Internet Explorer do not currently support the @keyframes rule.