07: Використання SVG - вбудований SVG - CSS-хитрощі

Anonim

Мабуть, найкращим способом використання SVG є “Inline SVG” - тобто внесення SVG-коду прямо у ваш HTML. Це чудово працює!

Дивіться Pen gpcDi від Chris Coyier (@chriscoyier) на CodePen.

Велика частина цієї серії буде стосуватися всіх чудових речей, які ви можете зробити, використовуючи вбудований SVG, тому я хотів би бути чітко зрозумілим, що це таке і як це працює.

Якщо ви стурбовані тим, що весь цей код весь у вашому HTML, знайте, що:

  1. У цього іноді є переваги (швидко!)
  2. Є способи зробити його зовнішнім (також швидким!)