css - 如何为 :before and :after pseudo elements? 启用 -webkit-animation/transition-property

Question

如何为 :before 和 :after 伪元素启用 -webkit-animation？

可以在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/和 demo ？

Answer 1

问题中提到的 jsFiddle 在现代 Chrome 和 Safari 浏览器中显示正常。我认为浏览器的进化已经解决了动画方面的问题。

但是，在过渡方面仍然存在一个未解决/ Unresolved 错误: http://code.google.com/p/chromium/issues/detail?id=54699