CSS3 Animationen

[OpenEyes]

Moinsen,
ich brauche mal eure Hilfe zu meiner kleinen CSS3 Animation.
Ich habe die Animation mit Keyframes gelöst (siehe Quellcode)



Wenn ich über das Logo fahre "dreht" sich das Bild und man sieht die "Rückseite", wenn ich jetzt mit der Maus wieder weggehe vom Bild, springt es zum Orginalzustand. Ich möchte aber dass sich das Bild dann zurückdreht... wie stelle ich das an?

Kreative Grüße,
Niklas

PS: Kann sein dass es nur im Chrome funzt...

 

[cebito]

AW: CSS3 Animationen

Ich möchte aber dass sich das Bild dann zurückdreht... wie stelle ich das an?

Benutze transitions statt animations.

PS: Kann sein dass es nur im Chrome funzt...

** in Webkits... Jep, die anderen Browser drehen derzeit nur "flächig".

 

[OpenEyes]

AW: CSS3 Animationen

Okay, aber transitions lösen ja mein problem nicht. Also ich mein, wie definiere ich dass er beim verlassen des Hover-Status eine neue Transition/Animation auslöst.

 

[cebito]

AW: CSS3 Animationen

Transitions laufen bei Mouseout wieder rückwärts, wie in meinem älteren Beispiel