07: Menggunakan SVG - Inline SVG - Trik CSS

Anonim

Mungkin cara terbaik untuk menggunakan SVG adalah "SVG Inline" - yaitu, memasukkan kode SVG langsung ke HTML Anda. Ini bekerja dengan baik!

Lihat Pen gpcDi oleh Chris Coyier (@chriscoyier) di CodePen.

Banyak dari seri ini tentang semua hal hebat yang dapat Anda lakukan dengan menggunakan SVG inline, jadi saya ingin menjelaskan tentang apa itu dan cara kerjanya.

Jika Anda khawatir tentang memiliki semua kode itu di HTML Anda, ketahuilah bahwa:

  1. Terkadang ada keuntungannya (cepat!)
  2. Ada cara untuk membuatnya eksternal (juga cepat!)