SVGs in CSS
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: • Comprehensive Guide to Getting Starte...
Part 1 - Getting Started with SVGs: • Getting Started with SVGs
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
