SVG Animator
Dessin SVG tracé trait après trait, puis rempli ou répété, à l'entrée ou au clic
Les exemples ne sont qu'une partie. Chaque tile a aussi les options avancées : animations, effets de souris, visibilité par appareil ou par date, position et bien plus encore.
01
Tout juste ajoutée
Voilà son aspect dès que tu l'ajoutes à la page, avant toute modification.
02
Le logo d'une boulangerie, dessiné à la main
Code SVG du logo (épi et miche) tracé une pièce à la fois en rouge, sans remplissage, quand il entre dans la vue ; dans un cercle crème.
03
Un sentier de montagne sur une carte
Profil des sommets, soleil, sentier et drapeau d'arrivée tracés l'un après l'autre (retard de 260 ms) en clair sur bleu, trait épais.
04
La signature d'un cabinet d'architecture
Une signature tracée à l'envers (de la fin au début) en un seul geste lent et linéaire, encre sombre et terminaisons rondes, sur un carton clair posé sur du papier ligné.
05
Les icônes des services d'une agence immobilière
Trois icônes côte à côte : le trait les dessine, puis un remplissage doux apparaît en fondu ; chacune dans sa couleur du thème, dans des cadres blancs.
06
La silhouette d'un village, en boucle
Tours, coupole et maisons redessinées à l'infini (boucle avec pause de 1,2 s) en orange sur fond nuit, trait épais et lignes arrondies.
07
La Grande Ourse pour un planétarium
Animation « Apparition progressive » dans un ordre aléatoire : les étoiles et les lignes de la constellation s'allument une à une, en clair sur une lueur nocturne.
