Привет! SVG уже давно вошел в веб-разработку как некий стандарт для создания иконок на страницах. Данный формат легче, удобнее, производительнее и просто четче, потому что при изменении размеров не меняется четкость изображения. В этом видео я расскажу, как использовать и создавать svg-графику на сайтах. Поехали! Содержание: 00:00 - Вступление 02:18 - Виды подключения svg на страницу 07:10 - Как создавать svg-изображения с нуля 19:07 - Про размеры и viewBox 20:33 - Про теги g, defs 22:22 - Тег path 31:11 - Заливка и обводка 37:11 - SVG-спрайты в html-файле 42:08 - SVG-спрайты во внешнем файле 44:30 - Пример простого градиента в SVG 46:32 - Заключение
- примеры из видео
- моя статья про вставку svg
- пример svg-градиента Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось?
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог:
Мой сайт:
Канал в телеграм:
Чат для верстальщиков:
#обучение #svg #векторнаяграфика
