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: 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 - codepen.io/ahaywood/pen/MWjBOZb
📹 OTHER VIDEOS IN THIS SERIES
+ Playlist: kzitem.info/door/PLrz61zkUHJJHFhsK3BKi-G5FjBOsO-aOY
+ Part 1 - Getting Started with SVGs: kzitem.info/news/bejne/yaKM14l9aqqCfZw
+ Part 2 - SVG in CSS: kzitem.info/news/bejne/wJ2etY5vhXZqfY4
+ Part 3 - Svgs with Base64 - You are here, THAT'S THIS VIDEO
+ Part 4 - SVG Sprites: Coming Soon
🔗 LINKS
+ base64-image.de
+ codepen.com
👉🏻 Get Updates and Exclusive content at selfteach.me
💥 SelfTeach.me is a Zeal show: codingzeal.com
Негізгі бет Ғылым және технология How to Use SVGs with Base64
Пікірлер: 22