Верстка сайта с нуля. Svg маска на css. Свойство clip-path | VIMP dev
Привет. Новый цикл видео по верстке макета. Основной фишкой видео является создание маски для изображения из svg.
Поддерживайте видео лайком и подпиской, если понравилось.
Приятного просмотра.
Все о шрифтах
https://youtu.be/EkU18KIaxjI
Показать / скрыть хедер при прокрутке вверх и вниз
https://youtu.be/VayfnVMHknY
Что можно поместить в CSS-переменную?
https://youtu.be/UNIYjtl2MEE
Телеграм:
https://t.me/vimpdev
Моя страница в ВК:
https://bit.ly/3m33aku
Макет:
https://freebiesbug.com/psd-freebies/design-agency-template/
Содержание:
00:00 Привет и обзор
08:34 Верстка верхушки
14:22 Стили верхушки
27:45 Верстка центральной части
30:00 Стили центральной части
34:00 Создание маски
44:20 Декоративные элементы
49:00 Фон
#верстка #версткаснуля
Видео Верстка сайта с нуля. Svg маска на css. Свойство clip-path | VIMP dev канала VIMP dev
Поддерживайте видео лайком и подпиской, если понравилось.
Приятного просмотра.
Все о шрифтах
https://youtu.be/EkU18KIaxjI
Показать / скрыть хедер при прокрутке вверх и вниз
https://youtu.be/VayfnVMHknY
Что можно поместить в CSS-переменную?
https://youtu.be/UNIYjtl2MEE
Телеграм:
https://t.me/vimpdev
Моя страница в ВК:
https://bit.ly/3m33aku
Макет:
https://freebiesbug.com/psd-freebies/design-agency-template/
Содержание:
00:00 Привет и обзор
08:34 Верстка верхушки
14:22 Стили верхушки
27:45 Верстка центральной части
30:00 Стили центральной части
34:00 Создание маски
44:20 Декоративные элементы
49:00 Фон
#верстка #версткаснуля
Видео Верстка сайта с нуля. Svg маска на css. Свойство clip-path | VIMP dev канала VIMP dev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Верстка сайта с нуля ч.3. Адаптивная верстка. Свойство clamp | VIMP dev](https://i.ytimg.com/vi/rrftlHlomV8/default.jpg)
![Как сделать темную тему для сайта на CSS и JS?](https://i.ytimg.com/vi/sRFY1xjzGbI/default.jpg)
![Закладка Performance DevTools в Chrome](https://i.ytimg.com/vi/pq5Qykc06Aw/default.jpg)
![[2021] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета](https://i.ytimg.com/vi/357_BAchn4w/default.jpg)
![Практика верстки. #3/6. Декоративные элементы. Эффект заполнения svg | VIMP dev](https://i.ytimg.com/vi/ehYrLDk3pPI/default.jpg)
![Loader на CSS. Как сделать индикатор загрузки на CSS? | VIMP dev](https://i.ytimg.com/vi/7QRLkIaiwZ0/default.jpg)
![CSS анимация по траектории. Что такое offset-path? | VIMP dev](https://i.ytimg.com/vi/X9vWZ-4uLO0/default.jpg)
![Верстка сайта с нуля на HTML и CSS для начинающих - Часть 1](https://i.ytimg.com/vi/dhiNKrfaTMQ/default.jpg)
![Практика верстки. #3/5. Верстка секции 3 и 4 и адаптация под мобильные | VIMP dev](https://i.ytimg.com/vi/3_CBdVt7szQ/default.jpg)
![Практика верстки #2/1. Верстка макета HTML, SCSS, Parceljs. | VIMP dev](https://i.ytimg.com/vi/KAnJZCOEXp8/default.jpg)
![Верстка сайта с нуля ч.2. Изогнутый фон на CSS. Свойство pointer-events. | VIMP dev](https://i.ytimg.com/vi/XhN16moktVc/default.jpg)
![✅ Верстка сайта с нуля для начинающих | HTML, CSS Flexbox & Grid, VS Code, Figma](https://i.ytimg.com/vi/orm8pLd80LU/default.jpg)
![Прокрутка с привязкой на CSS. Что такое scroll snap? | VIMP dev](https://i.ytimg.com/vi/cWQfrL01AGk/default.jpg)
![Адаптивная верстка сайта с нуля для новичков. Полезные советы по верстке сайта](https://i.ytimg.com/vi/D8DqoTjd_dg/default.jpg)
![Показать / скрыть хедер при прокрутке вверх и вниз на JS | Vimp dev](https://i.ytimg.com/vi/VayfnVMHknY/default.jpg)
![Изучаем HTML и CSS на практике. Верстка сайта с размещением в интернете](https://i.ytimg.com/vi/eCYWUhaIvsA/default.jpg)
![Свойство clip-path и интересный эффект для сайта](https://i.ytimg.com/vi/6dId4jsKGuo/default.jpg)
![Практика верстки. #3/2. Верстка макета на SCSS.](https://i.ytimg.com/vi/-RbXNosm24M/default.jpg)
![Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150](https://i.ytimg.com/vi/0WFE1I-Thf8/default.jpg)
![Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]](https://i.ytimg.com/vi/XbnAKjjlgc4/default.jpg)