07: Utilisation de SVG - SVG en ligne - Astuces CSS

Anonim

Peut-être que la meilleure façon d'utiliser SVG est «SVG en ligne» - c'est-à-dire, mettre du code SVG directement dans votre HTML. Cela fonctionne très bien!

Voir le Pen gpcDi de Chris Coyier (@chriscoyier) sur CodePen.

Une grande partie de cette série portera sur toutes les bonnes choses que vous pouvez faire en utilisant SVG en ligne, donc je voulais être très clair sur ce que c'est et comment cela fonctionne.

Si vous craignez d'avoir tout ce code dans votre HTML, sachez que:

  1. Il y a des avantages à cela parfois (vite!)
  2. Il existe des moyens de le rendre externe (également rapide!)