SVG Pfad Animation und Transformation


Warning: Undefined variable $image in /homepages/7/d261385243/htdocs/wpblog/wp-content/plugins/shariff-sharing/shariff-wp.php on line 105

Warning: Undefined variable $twittervia in /homepages/7/d261385243/htdocs/wpblog/wp-content/plugins/shariff-sharing/shariff-wp.php on line 135

Warning: Undefined variable $content2 in /homepages/7/d261385243/htdocs/wpblog/wp-content/plugins/shariff-sharing/shariff-wp.php on line 114

SVG AnimationIn 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.