CSS3 background-color animation does not work in Chrome

advertisements

I have been working with changing the background colour of an element using css3 animations. However it does not work in Chrome. I have attached a jsFiddle example of the code I am using. It works in Firefox, but not in Chrome and despite my best efforts I have been unable to work out what the problem is.

In chrome is seems to ignore the reference to background-color only. If I move the item or apply any other effect to the element it works fine.

http://jsfiddle.net/qWKEs/6/

Thanks in advance.


This is a bug in chrome. Should be fixed in version 18 as per http://code.google.com/p/chromium/issues/detail?id=101245