SVG-Animator
Füge ein SVG ein oder lade eine Datei, wähle einen Animations-Effekt und lade das Ergebnis als fertig animierte .svg-Datei herunter. Alles läuft lokal in deinem Browser – deine Grafik wird nirgends hochgeladen.
1 · SVG laden
2 · Vorschau
Noch kein SVG geladen.
3 · Animation
„Versatz“ wirkt nur bei „Elemente nacheinander“ – jedes Element startet um diesen Abstand später.
Ausgewählter Keyframe–
Element wählen, Playhead setzen, Keyframes hinzufügen. Punkte lassen sich ziehen oder anklicken. Ein Element braucht mindestens 2 Keyframes, damit es sich bewegt.
4 · Export
Die Animation wird als CSS direkt in die SVG-Datei eingebettet – sie läuft eigenständig, z. B. als Website-Grafik oder per Doppelklick im Browser. Was du in der Vorschau siehst, bekommst du 1:1 als Datei.
Wie funktioniert es?
1
2
3