CSS-衰落 - 过渡使用Image-精灵没有附加标记

问题描述:

这里IST几乎完成的示例: http://jsfiddle.net/mbDAF/CSS-衰落 - 过渡使用Image-精灵没有附加标记

我想与这两个图像之间的持续时间2秒衰落过渡。 但过渡不起作用(我正在使用crome v20)。

有人能告诉我为什么吗?

我相信生成的内容的转变尚不支持 - https://bugs.webkit.org/show_bug.cgi?id=23209

更新:2013年1月4日
正如本雅明在下面他的评论中指出,在伪元素转换开始成为可能。 css-tricks.com正在跟踪不同浏览器上的支持here

+1

终于来了: http://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/ – Benjamin 2013-01-03 22:19:56