Animer du svg avec SVG Artista

Animer du svg avec SVG Artista
Temps de lecture estimé : 2 minutes

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

Comment animer un svg avec SVG Artista

  1. Importer votre fichier SVG

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

  2. 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)

  3. 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.

Send a Comment

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.