Bonjour à tous,

Je fais ce petit tuto pour vous apprendre à générer des animations SVG.😉

Mais tout d'abord, nous allons comprendre ce qu'est le SVG et à quoi ça sert, c'est partit !

Qu'est-ce que le SVG ?

Le SVG est tout simplement un format de données qui définit des graphiques.

A quoi sert le SVG ?

Le SVG permet de créer des formes ou des dessins et il est basé avec du XML.

Il comporte certains avantages comme la qualité d'une image qui reste identique.

Un exemple ?

Vous avez sans doute déjà aperçu des formes très belle et très moderne sur certains site internet comme celle-ci :

Comment faire pour générer ue dessin ou une forme SVG ?

Pour générer un dessin ou une forme SVG, il vous suffit de vous rendre sur ce site : https://getwaves.io/

Vous devriez avoir une page comme ceci :

Une fois sur le site internet, vous devriez avoir une zone d'outil :



Vous n'avez plus qu'a sélectionner les formes, les couleurs, la taille, l'apparence et la position 😉

Voici la légende des différents outils pour vous aidez :

= la forme de l'animation

= la position de l'animation (en bas ou en haut)

= la couleur de l'animation

= la netteté de l'animation

= modifier la trajectoire de l'animation

Vous n'avez plus qu'a copier coller le code et l'insérer ou vous le souhaitez sur votre site, comme ceci :

Si vous avez des questions, n'hésitez pas à les poser en commentaires !

Si vous avez besoin d'aide, créez un topic !

Bonne continuation sur Sitedudev !