如何在伪元素之前和之后启用-webkit-animation？
您可以在http://jsfiddle.net/4rnsx/中看到它不适用于：之前和之后。
在这里，我尝试使用Mootools http://jsfiddle.net/6bzCS/启用此功能。
Mozilla - 将在Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property中支持它
W3C - CSS3支持所有元素的transition-property：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/和demo启用fadein，fadeout？
答案 0 :(得分：2)
问题中提到的jsFiddle在现代Chrome和Safari浏览器中显得很好。我认为事物的动画方面已经被浏览器演变解决了。
然而，对于过渡方面的事情仍有一个突出/开放的错误： http://code.google.com/p/chromium/issues/detail?id=54699
答案 1 :(得分：2)
该错误已于2013年1月3日在Google Chrome 24中修复。
等待Safari提取这些更新。