In diesem Beispiel siehst du eine Kombination von Transformationen und Pfad Animationen mit SMIL.
Fragen zur Wiederholung von Animationssequenzen
Ich suche noch nach einer Lösung, wie sich Browser übergreifend Animationssequenzen wiederholen lassen. Leider gibt es meines Wissens kein Ereignis, das ausgelöst wird, sobald die letzte Animation ihr Ende erreicht hat.
Die Pfade habe ich mit Affinity Designer erstellt und als SVG ohne Hintergrund exportiert.
See the Pen SVG animation sequence – tribute to Keith Haring by Norbert Mesch (@itsnorbat) on CodePen.
Um die Animation zu wiederholen klicke bitte auf RERUN unten rechts im Pen.