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.
Thanks in advance.
Problem courtesy of: Steve
This is a bug in chrome. Should be fixed in version 18 as per http://code.google.com/p/chromium/issues/detail?id=101245
Solution courtesy of: Gregg B
I had this same issue using the
background property in Chrome with CSS3 .
However the version of Chrome is 21.0.1180.83 (up to date as of 8/24/12) so the problem still exists.
I resolved it by specifying
background-color instead and that works fine.
Interestingly enough the W3C says it’s only supported in version 1.
Discussion courtesy of: Dave
This recipe can be found in it’s original form on Stack Over Flow .