Animiere Pseudoelemente mit jQuery

9

Ich verwende a:after , es enthält right: Ypx .

Ich möchte animate Methode in jQuery verwenden, um das Element ( a:after ) von Ypx nach Zpx zu verschieben, wie kann ich das machen?

Zum Beispiel:

%Vor%

Ich weiß, wie es ohne Animation geht, nur a:hover:after { right: Zpx } , aber wie mit Animation?

    
Luis 12.09.2012, 17:06
quelle

3 Antworten

7

Was Sie versuchen, ist extrem hacky und ich würde Ihnen dringend empfehlen, echte Elemente zu erstellen, anstatt zu versuchen, Pseudo-Elemente zu animieren. Für zukünftige Referenz: Die einzige Möglichkeit, ein Pseudo-Element zu animieren, besteht darin, ein style -Tag einzufügen und den Wert im aktuellen CSS zu ändern, wie zB ...

%Vor%

Ссылка

Das ist vanilla js, aber Sie könnten den step Callback in jquery's animate verwenden, um sich in jquery's Beschleunigungs- und Zeitfunktionen einzufügen.

    
Duopixel 12.09.2012, 20:22
quelle
1

Sie können dazu CSS3-Übergänge verwenden, aber leider werden sie (soweit ich weiß) nur in FireFox 4+ unterstützt.

Ссылка

%Vor%     
Shmiddty 12.09.2012 17:17
quelle
-3

Verwenden Sie stattdessen next (). So können Sie genau das erreichen.

    
Izaias 12.09.2012 19:42
quelle

Tags und Links