07: SVG izmantošana - Inline SVG - CSS-triki

Anonim

Varbūt labākais veids, kā izmantot SVG, ir “Inline SVG” - tas ir, ievietojot SVG kodu tieši jūsu HTML. Tas darbojas lieliski!

Skatiet Krāsa Koijera (@chriscoyier) Pen gpcDi vietnē CodePen.

Liela daļa šīs sērijas būs par visām lieliskajām lietām, ko varat paveikt, izmantojot inline SVG, tāpēc es gribēju ļoti skaidri saprast, kas tas ir un kā tas darbojas.

Ja jums ir bažas par visu šo kodu ievietošanu jūsu HTML, ziniet, ka:

  1. Dažreiz tam ir priekšrocības (ātri!)
  2. Ir veidi, kā padarīt to ārēju (arī ātri!)