Hilfe bei keyframes @_@

Ich hab heute angefangen mich mit keyframes zu beschäftigen, dafür hab ich angefangen son Tutorial zu machen, das klappt auch eigentlich soweit, bis auf eine Sache.

Die Aufgabe war es einen Roboter mit Laser Augen (rotes blinken) zu machen.
Soweit so gut, es Blinkt auch Rot, allerdings statt 2 Augen wie im Normalzustand gibt es nur ein Großes rotes Auge... Zusätzlich hab ich gerade festgestellt das es nur im Chrome Browser geht. Verstehe aber iwie nicht wieso.

Hier is der Code auf jsfiddle:
[Only registered and activated users can see links. Click Here To Register...]

wäre nett wenn mir jemand helfen könnte :p

edit: Habe das Problem lösen können in dem ich innerhalb der Keyframes noch einmal die CSS Regel für die Augen wiederholt habe. (Siehe fiddle)



gruß dryPants

Keyframes in CSS sind noch sehr schwach verbreitet. Da dies zu CSS3 gehört, ist dies kein Standard und kann noch fehlerhaft sein.

Habe das gleiche Tutorial gemacht und mir ist auch aufgefallen, dass FF hier zum Beispiel gar nicht reagiert.

Du kannst gerne diese Technik benutzen, aber musst immer im Hintergedanken haben, dass dies nicht überall geht.