07: Používanie SVG - Inline SVG - Triky CSS

Anonim

Asi najlepším spôsobom použitia SVG je „Inline SVG“ - to znamená vloženie SVG kódu priamo do vášho HTML. Funguje to skvele!

Prezrite si pero gpcDi od Chrisa Coyiera (@chriscoyier) na stránke CodePen.

Veľa z tejto série bude o všetkých skvelých veciach, ktoré môžete robiť pomocou vloženého SVG, takže som chcel mať úplne jasno v tom, čo to je a ako to funguje.

Ak máte záujem o to, aby bol všetok tento kód vo vašom kóde HTML celý, vedieť, že:

  1. To má niekedy výhody (rýchle!)
  2. Existujú spôsoby, ako urobiť externým (tiež rýchlym)