将WebKit过渡效果应用于伪元素

Question

9

我已经为您准备了一个参考示例：http://jsfiddle.net/xypQY/ 使用opacity属性，应该在哪个元素上应用WebKit过渡以实现淡入效果？

- benhowdle89

似乎不太可能。http://jsfiddle.net/xypQY/1/ - Gerben

可能是 https://dev59.com/FWkw5IYBdhLWcg3wlbd2 的重复问题。 - Dan

尊敬的管理员，我发现这个问题有大约10个重复 :( - Dan

2个回答

4

最后，谷歌浏览器中的错误已经被修复。

你可以开始在伪元素上使用transitions，大多数Chrome浏览器已于2013年1月24日更新。

等待Safari浏览器进行更新。

- Dan

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Larry · Accepted Answer

这是一个Webkit的bug，在Chrome或Safari中，伪元素上的过渡效果不起作用。

请给这个bug点赞，以帮助加速修复：

该问题已经被报告给了Webkit：

因此，希望很快就能得到解决。

更新： Webkit于2013年01月02日添加了对转换的支持：https://trac.webkit.org/changeset/138632