2010-10-04 8 views
15

Wie aktiviert man -webkit-animation für: vor und: nach Pseudo-Elementen?Wie aktiviert man -webkit-animation/transition-property für: before und: after pseudo elements?

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


Mozilla - es wird in den folgenden unterstützen 4 https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 unterstützt Übergangs-Eigenschaft für alle Elemente: vor und: Nach dem Pseudoelemente http://www.w3.org/TR/css3-transitions/#transition-property


aktualisieren : So aktivieren Sie fadein, fadeout für CSS3 Tooltip http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/ und demo?

+0

leid, aber warum wollen Sie die Fade als proprietäre Browser voran Filter tun? mootools bietet eine vollkommen funktionsfähige browserübergreifende Möglichkeit, Elemente ein- und auszublenden, und check out 'element.fade()' in den mootools-Dokumenten. –

+1

mootools 'el.fade()' funktioniert nicht für: vor und: nach Pseudo-Elementen – Binyamin

+0

hrm, guten Ruf. kann nicht scheinen, einen Selektor zu verwenden, um das: vor Element - interessante Frage zu erhalten ++ und ja, ich bin sicher, dass Sie es umgestalten können, aber das ist nicht der Punkt ist es. –

Antwort

2

Das in der Frage erwähnte jsFiddle erscheint in modernen Browsern von Chrome und Safari einwandfrei. Ich denke, die Animationsseite wurde durch die Browser-Evolution gelöst.

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

+0

Sie haben Recht. Ich habe dieses Webkit-Problem geöffnet und es scheint, dass es in Chrome 18 immer noch nicht behoben wird. Schade also, dass das Problem seit Chrome 6 geöffnet wurde. – Binyamin