Helmut: CSS 3D-Effekt: Balken, die sich um Logo drehen

Beitrag lesen

Hallo,

ich würde gerne einen Effekt bauen, wo sich farbige Balken um ein Logo herum bewegen, d.h. der Balken laufen vor dem Logo nach oben und hinter dem Logo nach unten. Damit der Effekt wirkt, soll das Laufen am oberen und unteren Ende verzögert sein und bei mehreren Balken ein "Nachzieheffekt" entstehen.

Ich hab dafür mal ein Fiddle erstellt: Beispiel

An und für sich funktioniert es schon ganz ok, aber der Effekt is noch nicht so schön, weil sich auch der z-index der einzelnen Balken untereinander verändern müsste. Ich weiß aber nicht, wie ich das noch steuern könnte.

Oder gehe ich das komplett falsch an? Vielleicht habt ihr noch eine Idee?

Euer Helmut