CSS3-overgang voor: na pseudoement

Check out this fiddle: http://jsfiddle.net/sajYc/

De overgang voor het : na pseudo-element werkt in firefox, maar mislukt in webkit-gebaseerde browsers. Enig idee als dit in een toekomstige release komt? Elke niet-jQuery overkill workarounds voor?

In principe gebruik ik het op een pagina om te vervagen tussen twee toestanden van een sprite met achtergrondafbeeldingen (in plaats van twee kleuren zoals in de viool). Een vloeiende overgang tussen de normale status van een pictogram en de zweefstand. Dus ik wil er geen echte elementen aan toevoegen alleen maar om deze animatie te laten werken.

5

1 antwoord

Helaas is dit een bekend probleem in Webkit-browsers en IE:

http://css-tricks.com/13555- overgangen-and-animaties-on-css gegenereerde-content/

Het vervagen tussen de sprite-statussen van de afbeelding is echter wel mogelijk in jQuery. Deze tutorial geeft een goede run down:

http://www.tutorial9.net/tutorials/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/

5
toegevoegd
Bedankt, dat ziet er eigenlijk niet slecht uit. Zal het bekijken.
toegevoegd de auteur Jerry, de bron