[Résolu] Animation CSS dans image SVG, vous en pensez quoi ?

Bonjour,

En terme d'efficacité, y a pas trop de raison que ce soit mauvais. Déjà, quand tout est dans un seul fichier, ça réduit au mieux les problèmes de lenteur dus au réseau. Par ailleurs, le css dans les svg est désormais assez bien optimisé, et ça continue de progresser (y a toujours quand même quelques surprises quand on fait des animations css dans du svg). Le rendu ne pourra donc que s'améliorer avec le temps.

En terme d'intégration, si le fichier svg est ajouté dans une balise <img>, pas de problème. Si par contre il est destiné à être éventuellement ajouté directement dans le html, il serait bon de préfixer tous les noms spécifiques se trouvant dans le svg (id, classe, nom des animations, etc.) par une chaine de caractères bien à toi. Ça évite lors de l'intégration des vérifications parfois fastidieuses, et en cas de problème, c'est facile de changer ce préfixe.

Par exemple, je vois dans ton exemple un id="mask". C'est probable qu'il y en aura certains qui auront par ailleurs des id="mask" dans leur code, avec des effets de bord possibles si le code svg est directement ajouté dans le html (on n'a pas ce problème quand le svg est ajouté via l'attribut src d'une image).

Amicalement,