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.


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 .

稿源:CSS3 Recipes (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » CSS3 animation of background-color not working in Chrome

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录