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: 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: codepen.io/ahaywood/pen/yLaqPXY
📹 OTHER VIDEOS IN THIS SERIES
- Playlist: • Comprehensive Guide to...
- 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 - codepen.io
+ Can I Use - caniuse.com/
👉🏻 Get Updates and Exclusive content at selfteach.me
💥 SelfTeach.me is a Zeal show: codingzeal.com
Негізгі бет Ғылым және технология SVGs in CSS
Пікірлер: 30