Is there a way to activate the -webkit-animation for :before and :after pseudo elements?
It seems that in this demo http://jsfiddle.net/4rnsx/, the animation is not working for :before and :after elements.
I am attempting to make it work using Mootools in this other demo http://jsfiddle.net/6bzCS/.
Mozilla - plans to support it in Firefox 4, more information can be found here: https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 includes support for transition-property for all elements, including :before and :after pseudo elements. Details can be found here: http://www.w3.org/TR/css3-transitions/#transition-property
Update: Looking for a way to implement fadein and fadeout effects for a CSS3 tooltip? Check out this tutorial and view the demo.