CSS animiert, falls Javascript aktiviert ist

N

Netzwerkidi

Hallo,

wäre schön, wenn mir einer einen Tipp geben könnte:

http://jsfiddle.net/z3zcS/

auf meiner Original-Seite gibt es reichts einen kleinen Container mit Styles, der, wenn man mit der Maus drüber geht, animiert nach links aufgehen soll und noch ein paar andere Sachen machen soll. Bisher habe ich das nicht animiert mit reinem CSS und :Hover gelöst, aber animiert gefällt es mir besser.

Die Fiddle stellt die Situation in etwa nach.

Irgendwie bekomme ich es aber nicht hin, dass alle Eigenschaften, die ich vorgebe, umsetzt und auch wieder zurücksetzt werden, wenn die Maus wieder weg ist.

Dazu kommt, wenn man mehrfach schnell mit der Maus hin- und hermacht, dass alle Aktionen hintereinander ausgeführt werden, obwohl die Maus lange weg ist, was unschön ist.

Wer weiß Rat?

Kann man das auch irgendwie eleganter regeln, als oben die ganzen Styles zuerst einzeln zuzuweisen, und dann wieder einzeln zuzuweisen?

Ich hatte es mit jquery.attr() versucht, aber das funktioniert nicht.

Ideal wäre natürlich, wenn man sagen könnte "Mach das CSS Hover aber animiert".

Gibt es eine Möglichkeit in der jsfiddle, dass man die JS-Errors angezeigt bekommt?

Grüße
Idi
 
Zuletzt bearbeitet von einem Moderator:
Zurück