07: SVG: n käyttäminen - Inline SVG - CSS-temppuja

Anonim

Ehkä paras tapa käyttää SVG: tä on “Inline SVG” - eli SVG-koodin lisääminen suoraan HTML-koodiin. Se toimii hyvin!

Katso Chris Coyierin (@chriscoyier) kynä gpcDi CodePenistä.

Paljon tästä sarjasta tulee koskemaan kaikkia upeita juttuja, joita voit tehdä käyttämällä inline SVG: tä, joten halusin olla hyvin selvillä siitä, mikä se on ja miten se toimii.

Jos olet huolissasi siitä, että kaikki kyseiset koodit ovat HTML-koodissasi, tiedä, että:

  1. Siellä on etuja joskus (nopeasti!)
  2. On olemassa tapoja tehdä se ulkoiseksi (myös nopeasti!)