In this video, we talk about how to use SVGs within your CSS. You can add them as a background image or as a mask. We'll also touch on vendor prefixes, Autoprefixer, and browser support.
🎁 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
0:58 Add an SVG as a Background Image in CSS
2:31 Masks in CSS
3:27 Vendor Prefixes and Autoprefixer
5:12 Browser Support and caniuse.com
🤖 CODE
+ Final Code on CodePen: https://codepen.io/ahaywood/pen/yLaqPXY
📹 OTHER VIDEOS IN THIS SERIES
- Playlist: https://www.youtube.com/playlist?list=PLrz61zkUHJJHFhsK3BKi-G5FjBOsO-aOY
- Part 1 - Getting Started with SVGs: https://www.youtube.com/watch?v=hlVqUG1xQJg
- Part 3 - SVG with Base64: Coming Soon
- Part 4 - SVG Sprites: Coming Soon
🔗 LINKS
+ CodePen - http://codepen.io
+ Can I Use - https://caniuse.com/
👉🏻 Get Updates and Exclusive content at http://selfteach.me
💥 SelfTeach.me is a Zeal show: http://codingzeal.com
