CODEWITHSUNDEEP
csscss-animations
Steve
Steve

Reputation: 1095

CSS3 animation of background-color not working in Chrome

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.

Upvotes: 1

Views: 1446

Answers (2)

Dave
Dave

Reputation: 11

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.

enter image description here

Interestingly enough the W3C says it's only supported in version 1.

Upvotes: 1

Gregg B
Gregg B

Reputation: 13727

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

Upvotes: 4

Related Questions