Практика верстки #2/2. Верстка макета HTML, SCSS, анимация на CSS. | VIMP dev
Описание
Привет. Второе и заключительное видео по верстке макета архитектурного бюро. Верстка с использованием препроцессора SCSS и стартового пакета Parceljs. Делаем анимацию на CSS.
Буду рад подписке и любой поддержке канала.
Приятного просмотра.
Все о шрифтах:
https://youtu.be/EkU18KIaxjI
Индикаторы загрузки:
https://youtu.be/7QRLkIaiwZ0
Как сделать темную тему:
https://youtu.be/sRFY1xjzGbI
Мой шаблон для верстки: https://github.com/vimp-dev/simple-parcel
Макет: https://dribbble.com/shots/8299579-CREATO-Architects
Моя страница в ВК:
https://vk.com/vimpdev
Содержание:
00:00 Привет
00:25 Корректировка разметки
02:45 Стили описания
04:22 Стили заголовков
05:07 Стили навигации
09:04 Стили пагинации
13:26 Переключение слайдов
20:36 Анимация пагинации
29:45 Анимация кнопок
38:41 Анимация заголовков
46:59 Декоративные элементы
#верстка #scss #анимация