CSS3 transition of background-image for Firefox not working

Question

My background-image transition is working fine in Chrome, but does nothing in Firefox. I am new to CSS3 transitions. Did research and my syntax seems to be correct. From wha

Answer 1

It is 2014 and background-image property is still not animatable: http://dev.w3.org/csswg/css-backgrounds/#background-image

Works fine in webkit but not in Firefox. It seems that the only way to make some animation is to use jQuery fallback for Firefox.

Answer 2

Found the answer in the MDN docs.

http://oli.jp/2010/css-animatable-properties/#background-image

background-image

This is still a little up in the air, with “only gradients” in the current Working Draft, no background-image at all in the current Editor’s Draft, and “Animatable: no” for background-image in CSS Backgrounds and Borders Module Level 3 Editor’s Draft. However, support has appeared in Chrome 19 Canary, and this is something that designers want. Until widespread support arrives this can be faked via image sprites and background-position or opacity.'

At this time I have found that nobody actually supports gradients (Chrome 17, FF 12, IE9). Only Chrome supports background-image (that's why it doesn't work in FF for me).