CSS Animationen kombinieren

[Killua]

Nachfrage:

kann man einem so animierten Teil nicht irgendwie einen Schubs geben, dass es auch ohne Mausover-Hover weiter bewegt wird?

Weil wie ich eh wo meinte, solange die Maus über dem animierten Element ist, gehts. Aber im Falle einer X oder Y Bewegung fliegt es ja aus dem Mausberich. Dann ruckelt, zittert es und die Bewegung stoppt. Logisch, aber wie könnte man das noch lösen?

Was ich versuchte ist folgendes: Das png zeigt einige transparente Seifenblasen, welche beim Mausover (oder gäbe es noch andere Startevents?) quasi aufsteigen, skalieren und dann "platzen", bzw. verschwinden (also entweder riesig skalieren lassen oder nur aus dem Schirm fliegen, weiß noch nicht)

Das Problem ist wie gesagt, dass sich die Sache nur solange bewegt, solange die Maus über der Grafik ist. Ergo sollte es einen Trick geben, der die Bewegung fortsetzt oder das es überhaupt gar keiner Mausinteraktion bedarf ...

Ist aber nicht so wichtig.