Город МОСКОВСКИЙ
00:06:25

How to Use SVGs with Base64

Аватар
Центр стильной разработки
Просмотры:
34
Дата загрузки:
26.11.2023 04:30
Длительность:
00:06:25
Категория:
Технологии и интернет

Описание

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: https://www.youtube.com/playlist?list=PLrz61zkUHJJHFhsK3BKi-G5FjBOsO-aOY
+ Part 1 - Getting Started with SVGs: https://www.youtube.com/watch?v=hlVqUG1xQJg
+ Part 2 - SVG in CSS: https://youtu.be/_ghOZ9LD9JY
+ 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

Рекомендуемые видео