Animer du svg avec SVG Artista

Table des matières

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

Importer votre fichier SVG

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

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)

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.
Picture of mike

mike

Chef de projet web, Mike assure la réussite de projets digitaux depuis 2011. Son but est d'aider les webmasters et les freelances à tirer le meilleur des outils comme WordPress, WooCommerce et Elementor. Sur ce blog il partage son expérience, ses astuces et les pépites dénichées sur le web. Côté pro, Mike adore apprendre de nouveaux trucs et faire progresser les autres, et côté perso les afters, faire des shoots de baskets et les films d'horreur. La légende raconte qu'avec un mojito il vous accordera +4xp de confiance

Laisser un commentaire

Votre adresse e-mail 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.

Thématiques

Vous recherchez des astuces dans un secteur donné ? Vous pouvez accéder directement à la catégorie qui vous intéresse !