Dans le cours : HTML : Les images responsive

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 700 cours dispensés par des experts.

Modifier une image SVG avec du CSS

Modifier une image SVG avec du CSS - Tutoriel HTML

Dans le cours : HTML : Les images responsive

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Modifier une image SVG avec du CSS

“

Maintenant que le code SVG du logo est défini dans la page web, eh bien, je peux manipuler ce logo à l'aide du langage CSS et je vais bien sûr en profiter pour modifier la couleur du logo dans le pied de page. Direction notre éditeur dans le fond du code, nous avons ici le code SVG de notre logo. Et là, je constate que dans cet élément SVG, il y a déjà une feuille de styles. Donc en fait, notre logo utilise déjà du CSS pour ses couleurs. Il y a deux classes : la classe st0 et la classe st1 et ces deux classes utilisent une propriété, la propriété fill. La propriété fill définit la couleur de remplissage des éléments SVG. Vous constatez également que les différents paths utilisent l'une des deux classes, donc soit st0, soit ici la classe st1. Alors moi, je vais extraire ces deux classes CSS de l'élément SVG et je vais les déplacer dans ma feuille de styles à moi. Je vais en profiter pour changer le nom de ces deux classes, parce que st0 et st1, il faut bien avouer que c'est…

Table des matières