SVG Animator
SVG-Zeichnung, Strich für Strich gezeichnet, dann gefüllt oder wiederholt, beim Eintritt oder per Klick
Die Beispiele sind nur ein Teil. Jede Tile hat außerdem die erweiterten Optionen: Animationen, Mauseffekte, Sichtbarkeit nach Gerät oder Datum, Position und vieles mehr.
01
Frisch eingefügt
So sieht sie aus, sobald du sie der Seite hinzufügst, vor jeder Änderung.
02
Das Logo einer Bäckerei, von Hand gezeichnet
SVG-Code des Logos (Ähre und Brotlaib), Stück für Stück in Rot gezeichnet, ohne Füllung, sobald er ins Bild kommt; in einem cremefarbenen Kreis.
03
Ein Bergpfad auf einer Karte
Gipfelprofil, Sonne, Pfad und Zielfähnchen, nacheinander gezeichnet (Verzögerung von 260 ms), hell auf Blau, dicke Linie.
04
Die Unterschrift eines Architekturbüros
Eine Unterschrift, rückwärts gezeichnet (vom Ende zum Anfang) in einer einzigen langsamen, linearen Bewegung, dunkle Tinte und runde Enden, auf einer hellen Karte über liniertem Papier.
05
Die Service-Icons einer Immobilienagentur
Drei Icons nebeneinander: Die Linie zeichnet sie, dann blendet eine zarte Füllung ein; jedes in seiner eigenen Farbe des Themes, in weißen Feldern.
06
Die Skyline eines Dorfes, in Endlosschleife
Türme, Kuppel und Häuser, endlos neu gezeichnet (Schleife mit 1,2 s Pause), in Orange auf Nachthintergrund, dicke Linie und abgerundete Linien.
07
Der Große Wagen für ein Planetarium
Animation „Allmähliches Erscheinen“ in zufälliger Reihenfolge: Die Sterne und die Linien des Sternbilds leuchten nacheinander auf, hell auf einem nächtlichen Glow.
