How to Use SVGs with Base64

Опубликовано: 15 Октябрь 2024
на канале: Self Teach Me
3,757
97

In this video, we'll talk about using SVG with Base64 to inject our SVG into the img tag or into CSS with the background property.

🎁 FREE SVG CHEAT SHEET: https://selfteachme.ck.page/ee58f2eb85
7️⃣ Ways to use SVGs
✅ Pros and ❌ Cons for each method
💎 Tips for implementing

0:00 Intro / Beginning
1:36 SVG code inside an image tag
3:52 SVG code inside a CSS background url property


🤖 CODE
Final Code on CodePen - https://codepen.io/ahaywood/pen/MWjBOZb


📹 OTHER VIDEOS IN THIS SERIES
Playlist:    • Comprehensive Guide to Getting Starte...  
Part 1 - Getting Started with SVGs:    • Getting Started with SVGs  
Part 2 - SVG in CSS:    • SVGs in CSS  
Part 3 - Svgs with Base64 - You are here, THAT'S THIS VIDEO
Part 4 - SVG Sprites: Coming Soon


🔗 LINKS
http://base64-image.de
http://codepen.com


👉🏻 Get Updates and Exclusive content at http://selfteach.me
💥 SelfTeach.me is a Zeal show: http://codingzeal.com