2011-10-24 61 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