如何啓用-webkit-animation/transition-property用於：之前和之後：僞元素之後？

您可以在http://jsfiddle.net/4rnsx/中看到它不適用於：before和after之後。
在這裏，我正在嘗試使用Mootools http://jsfiddle.net/6bzCS/啓用此功能。

Mozilla的 - 將支持在Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3支持過渡性質的所有元素，：before和：after僞元素http://www.w3.org/TR/css3-transitions/#transition-property

更新：如何爲CSS3工具提示http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/和01啓用fadein，？

2010-10-04 Binyamin

對不起，但爲什麼你想做一個專有瀏覽器前綴過濾器淡入淡出？ mootools確實提供了一種完全可行的跨瀏覽器淡入淡出元素的方式，請查看mootools文檔中的element.fade（）。 – 2010-10-06 14:20:57

mootools'el.fade（）'不適用於：之前和之後：僞元素 – Binyamin 2010-10-06 14:23:32

hrm，良好的調用。似乎無法使用選擇器來檢索：before元素 - 有趣的問題++和是的，我相信你可以重構它，但這不是重點。 – 2010-10-06 14:33:23

問題中提到的jsFiddle在現代Chrome瀏覽器和Safari瀏覽器中顯示正常。我認爲東西的動畫方面已經被瀏覽器的演變所解決。

然而，仍然有一個優秀的/開放的bug對事物的過渡面： http://code.google.com/p/chromium/issues/detail?id=54699

2011-06-16 19:55:06 searlea

你是對的。我打開了該webkit的問題，似乎仍然不會修復在Chrome 18上。因此，自從Chrome 6以後，這個問題就被打開了。 – Binyamin 2012-01-21 20:06:32

的BUG在谷歌Chrome瀏覽器24 1月3日，2013年

等待Safari瀏覽器，能讓這些更新。

2013-01-24 16:55:28 Dan

回答