如何为:之前和之后的伪元素启用-webkit-animation/transition-property?

Bin*_*min 15 css webkit css3 pseudo-element css-transitions

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

您可以在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支持所有元素的transition-property,:before和:after伪元素http:// www.w3.org/TR/css3-transitions/#transition-property


更新:如何启用fadein,fadeout对CSS3工具提示http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using -css3-and-jquery /demo

sea*_*lea 2

问题中提到的 jsFiddle 在现代 Chrome 和 Safari 浏览器中看起来很好。我认为动画方面的问题已经通过浏览器的发展得到了解决。

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