07: Sử dụng SVG - SVG nội tuyến - Thủ thuật CSS

Anonim

Có lẽ cách tốt nhất để sử dụng SVG là “SVG nội tuyến” - tức là đặt mã SVG ngay vào HTML của bạn. Nó hoạt động tuyệt vời!

Xem Pen gpcDi của Chris Coyier (@chriscoyier) trên CodePen.

Phần lớn loạt bài này sẽ nói về tất cả những điều tuyệt vời mà bạn có thể thực hiện bằng cách sử dụng SVG nội tuyến, vì vậy tôi muốn nói rất rõ về nó là gì và nó hoạt động như thế nào.

Nếu bạn lo lắng về việc có tất cả mã đó trong HTML của mình, hãy biết rằng:

  1. Đôi khi có lợi thế cho điều đó (nhanh chóng!)
  2. Có nhiều cách để làm cho nó bên ngoài (cũng nhanh chóng!)