vor und: nach Pseudo-Elementen wie -webkit-Animation / Transition-Eigenschaft aktivieren?

Question

So aktivieren Sie -webkit-animation für: vor und: nach Pseudo-Elemente

Sie sehen in http://jsfiddle.net/4rnsx/ , dass es nicht für funktioniert: vor und: nach
. Und hier versuche ich, diese Funktion zu aktivieren mit Mootools http://jsfiddle.net/6bzCS/ .


Mozilla - wird es in Firefox unterstützen 4 https: / /developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 unterstützt Übergang Eigenschaft für alle Elemente,: before und: after Pseudo-Elemente http://www.w3.org/TR/css3-transitions/#transition-property


Update: Wie fadein, fadeout für CSS3 ermöglichen Tooltip http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/ und < a href = "http://css-plus.com/examples/2010/04/speech-bubble-tooltip/" rel = "nofollow"> Demo ?

Answer 1

Die angegebenen jsFiddle in der Frage erscheint in Ordnung in der modernen Chrome und Safari-Browser. Ich denke, die Animation Seite des Dings durch Browser Evolution gelöst.

Allerdings gibt es nach wie vor einen herausragenden / offen Fehler für den Übergang Seite der Dinge: http://code.google.com/p/chromium/issues/detail ? id = 54699

Answer 2

Der Fehler in Google Chrome 24 am 3. Januar festgelegt ist, 2013.

Waiting for Safari diese Updates zu ziehen.

Sehen Sie, wie die Dinge mit anderen Browsern tun hier