我做了一个小提琴作为参考：http://jsfiddle.net/xypQY/
我将使用哪个元素应用WebKit过渡以使用不透明度实现淡入效果？
答案 0 :(得分：11)
这是一个webkit错误，转换在Chrome或Safari上无法在伪元素上运行。
请为这个错误加注星标，希望能帮助球开始修复：
Issue 54699: CSS3 transition not applied for pseudo elements
据报道，Webkit：
Bug 23209 - Transitions and animations do not apply to CSS generated content
所以希望很快就能解决。
更新：2013年1月2日在Webkit中添加了对转换的支持：https://trac.webkit.org/changeset/138632
答案 1 :(得分：4)
最后，该错误已在Google Chrome中修复。
您可以开始对伪元素使用transitions，大多数Chromes已于2013年1月24日更新。
等待Safari提取这些更新。