css - Chrome で背景色の CSS3 アニメーションが機能しない

Question

css3 アニメーションを使用して要素の背景色を変更する作業を行っています。ただし、Chrome では機能しません。私が使用しているコードの jsFiddle の例を添付しました。Firefox では機能しますが、Chrome では機能しません。最善を尽くしたにもかかわらず、何が問題なのかを突き止めることができませんでした。

クロムでは、背景色のみへの参照を無視しているようです。アイテムを移動するか、要素に他の効果を適用すると、正常に機能します。

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

前もって感謝します。

Answer 1

これはChromeのバグです。http://code.google.com/p/chromium/issues/detail?id=101245に従って、バージョン18で修正する必要があります

Answer 2

backgroundCSS3 で Chromeのプロパティを使用すると、同じ問題が発生しました。

ただし、Chrome のバージョンは 21.0.1180.83 (2012 年 8 月 24 日時点で最新) であるため、問題は依然として存在します。

代わりに指定することで解決しましたが、background-color問題なく動作します。

興味深いことに、W3C は、バージョン 1 でのみサポートされていると述べています。