SVG Animator
Disegno SVG tracciato tratto dopo tratto, poi riempito o ripetuto, all'ingresso o al clic
Gli esempi sono solo una parte. Ogni tile ha anche le opzioni avanzate: animazioni, effetti del mouse, visibilità per dispositivo o per data, posizione e altro ancora.
01
Appena inserita
Così appare appena la aggiungi alla pagina, prima di qualsiasi modifica.
02
Il marchio di un forno, disegnato a mano
Codice SVG del marchio (spiga e pagnotta) tracciato un pezzo alla volta in rosso, senza riempimento, quando entra in vista; dentro un cerchio crema.
03
Un sentiero di montagna su una cartina
Profilo delle cime, sole, sentiero e bandierina d'arrivo tracciati uno dopo l'altro (ritardo di 260 ms) in chiaro su blu, tratto spesso.
04
La firma di uno studio di architettura
Una firma tracciata al contrario (dalla fine all'inizio) in un solo gesto lento e lineare, inchiostro scuro e terminazioni tonde, su un biglietto chiaro sopra carta a righe.
05
Le icone dei servizi di un'agenzia immobiliare
Tre icone affiancate: il tratto le disegna, poi un riempimento tenue sale in dissolvenza; ognuna nel suo colore del tema, in riquadri bianchi.
06
Lo skyline di un borgo, in loop
Torri, cupola e case ridisegnate all'infinito (loop con pausa di 1,2 s) in arancio su notte, a tratto spesso e linee arrotondate.
07
L'Orsa Maggiore per un planetario
Animazione «Comparsa graduale» in ordine casuale: le stelle e le linee della costellazione si accendono una alla volta, in chiaro su un bagliore notturno.
