cropped Home SVG Artista 2

Animer du svg avec SVG Artista

Temps de lecture estimé : < 1 minute

SVG Artista est un outil vous permettant d’animer des fichiers svg.

Comment animer un svg avec SVG Artista

Importer votre fichier SVG

Tout d’abord vous devez importer votre fichier, soit en l’uploadant, soit en copiant/collant le code sourceHome SVG Artista

Définir les réglages de l’animation

Vous pouvez intervenir sur l’animation des traits ainsi que des formes remplies. à vous de voir le timing, la durée entre chaque étape, la vitesse, etc.
Les réglages par défaut sont déjà une bonne base pour un effet waow
Vous pouvez aussi intervenir sur un autre réglage en haut à droite, choisir s’il s’agit d’une « apparition » (draw) ou d’une « disparition » (erase)
Home SVG Artista 1

Exporter votre code

En cliquant en haut à droite sur le lien « export code », vous avez le code html et css correspondant à votre animation. Vous pouvez aussi activer l’autoprefixage, ou encore minifier le code.Home SVG Artista 2

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.