Pour animer un SVG, tu dois créer (dans Illustrator par exemple.) des calques avec tes éléments que tu veux animer dans chacun d'eux.
Pense à bien nommer tes calques, c'est important pour la suite !
Quand tu l'auras enregistré sous format SVG, ouvre le dans un navigateur et CTRL+C les balises <svg></svg> que tu placeras dans ton projet.
Ensuite, dans les balises SVG tu verras des balises <g></g> avec des ID qui auront le même nom que tes calques dans illustrator (c'est là que le nom des calques interviennent).
Par exemple <g id="calques_1"> </g>
Dans ton CSS ou ton JS tu pourras les sélectionner via leurs ID respectfs et y placer tes animations.
Si tes <g></g> n'ont aucun id correspondant à tes calques (ça arrive que sur les versions antérieures à illustrator, ça ne le fasse pas encore).
Message édité le 07 mars 2018 à 22:37:14 par crow999