2011-10-24 63 views
9

我已经为参考小提琴:http://jsfiddle.net/xypQY/应用WebKit的过渡到伪元素

哪个元素,我会申请WebKit的过渡使用不透明度来实现淡入效果?

+0

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

+0

[如何启用-webkit-animation/transition-property for:之前和之后:伪元素?](http://stackoverflow.com/questions/3855079/how-to-enable-webkit-animation-transition-property-for-before-after-after-pseud) – mario

+0

possibe http://stackoverflow.com/questions/9798010/css-transitions-with-before-and -after-pseudo-elements – Dan

回答

11

这是一个webkit的bug,转换在Chrome或Safari伪元素上不起作用。

请明星这个bug,希望能够帮助球得到上滚动修正:

Issue 54699: CSS3 transition not applied for pseudo elements

已报道的Webkit:

Bug 23209 - Transitions and animations do not apply to CSS generated content

所以希望这将是固定不久。加入的过渡支持WebKit的对2013年1月2日:

UPDATE https://trac.webkit.org/changeset/138632

+7

Webkit现在增加了对此的支持:http://trac.webkit.org/changeset/138632 –

+0

看来,但仍然坚持在Safari中,但有一个解决方法:http://kizu.ru/en/pseudos/ – kirilloid