07: Používání SVG - Inline SVG - Triky CSS

Anonim

Snad nejlepším způsobem použití SVG je „Inline SVG“ - to znamená vložení SVG kódu přímo do vašeho HTML. Funguje to skvěle!

Podívejte se na Pen gpcDi od Chrisa Coyiera (@chriscoyier) na CodePen.

Mnoho z této série bude o všech skvělých věcech, které můžete dělat pomocí inline SVG, takže jsem chtěl mít jasno v tom, co to je a jak to funguje.

Pokud se obáváte, že budete mít celý tento kód ve svém HTML, vězte, že:

  1. Někdy to (rychle!) Má své výhody
  2. Existují způsoby, jak to udělat externím (také rychle!)