07: Bruke SVG - Inline SVG - CSS-triks

Anonim

Den beste måten å bruke SVG på er kanskje "Inline SVG" - det vil si å sette SVG-kode rett inn i HTML-en. Det fungerer bra!

Se pennen gpcDi av Chris Coyier (@chriscoyier) på CodePen.

Mye av denne serien vil handle om alle de flotte tingene du kan gjøre ved å bruke innebygd SVG, så jeg ønsket å være veldig tydelig på hva det er og hvordan det fungerer.

Hvis du er bekymret for å ha all den koden oppe i HTML-en din, vet du at:

  1. Det er fordeler med det noen ganger (raskt!)
  2. Det er måter å gjøre det eksternt (også raskt!)