CSS3 animation and background-image in Firefox

Question

I have a bit of CSS3 animation in my website, and it works fine on Safari but when I run the site in Firefox, it doesn\'t animate. Here is the code:

.ad{
pos         


        

Answer 1

The ability to interpolate between background images is a pretty new proposal so far, and not well supported in browsers. Firefox doesn't implement it yet.

Answer 2

use @-moz-keyframes and -moz-animation to define animation for firefox

Answer 3

According to the latest working draft of the spec (14 August 2015), background-image is defined as non animatable.

Then, Firefox is just following the spec, and the behavior of browsers which animate background-image is non-standard and shouldn't be relied on.