В этом видео мы сделаем несложное бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Наше меню адаптируется под мобильные устройства. При нажатии на иконку-бургер, слева направо выпадает меню. Анимируется сама иконка, из бургера она превращается в крестик. Также наша навигация всегда прижата к верхней стороне браузера, что удобно для пользователей.
––––––––––––––––––––––––––––––
Таймкоды из видео:
0:00 - Демонстрация бургер-меню
0:49 - Исходный код проекта
1:58 - Разметка для бургер меню
2:40 - Стилизация navbar’а
6:54 - Стилизация элементов меню
11:26 - Стилизация иконки-бургер
14:26 - Стилизация и скрипт попапа
18:38 - Добавляем меню в попап
22:39 - Анимация иконки-бургер
24:29 - Блокируем попап, добавляем внутренний скролл
26:40 - Завершение
––––––––––––––––––––––––––––––
Ссылки на источники:
Исходный код из видео с подробным описанием:
––––––––––––––––––––––––––––––
Лучшая ваша поддержка - лайк под этим видео!
Советую посетить мой сайт , там вы найдете много интересных уроков по программированию.
Я выполняю заказы по верстке сайтов и написанию скриптов на JS. Пишите admin@
1 view
2457
810
2 weeks ago 00:41:23 822
[Самый сахар] БЕЛАЯ кока-кола от ЧЕРНОГОЛОВКИ! И другие новинки, которые лучше не пробовать...
3 weeks ago 00:01:50 275
The Dorrs Brothers С широко закрытыми глазами 2024 года Встреча Элиты Lies Wide Shut
4 weeks ago 00:09:55 50K
Домашний Йогурт из молока – полезный завтрак и идеальная замена майонеза
4 weeks ago 00:00:30 4
Немного новых Hedra и Suno. Suno V4 прям радует. Вокал хорошо почистили. Звучит достаточно изолированно. А вот Хедра меня не рад
1 month ago 00:29:05 175.3K
Это че за ЦЕНЫ? / Новый ресторан Обломова 8956 ЗИЛ / Обзор нового меню Басты / Бургеры 2.0 от Субо
1 month ago 00:03:59 36
Красивая женщина стреляет точнее
1 month ago 00:07:17 2.2K
ПОВТОРЯЮ ЕДУ ИЗ РЕКЛАМЫ / КОГДА РЕАЛЬНОСТЬ НЕ СОВПАДАЕТ С КАРТИНКОЙ / Батончик Line/ Йогурт с голубикой
1 month ago 00:55:25 7
#78. Юбилейный. Душевный. Как раньше. 2020-2023
1 month ago 00:13:15 192
ДРАНИКИ С ГРУЗДЯМИ И БУРГЕР СО ЩУКОЙ! СУЗДАЛЬСКИЙ СТРИТФУД! ШЕФ АНДРЕЙ ВОЛКОВ О РУССКОЙ УЛИЧНОЙ ЕДЕ!
1 month ago 00:08:53 48
[кириутеррорайз] Pathologic 3 - Всё что нужно знать о игре.
1 month ago 00:17:01 53
[Юрий Хованский] ШАВЕРМА из BURGER KING
1 month ago 00:16:45 25K
Шаблон простого расчета загрузки производства
1 month ago 00:00:14 10.2K
Выпечка к чаю
2 months ago 00:05:30 1
Без МУКИ, ЯИЦ и ВЫПЕЧКИ! Обалденная вкусняшка К ЧАЮ!
2 months ago 00:01:00 1
Когда решил немного перекусить) Смотреть со звуком
2 months ago 00:11:04 416
[Aldvachevskiy] Игорь Линк ПОЧЕМУ Я НЕ ЛЮБЛЮ КОММУНИСТОВ?
2 months ago 00:03:58 1
НИКОГДА не думала, что буду в ТАКОМ ВОСТОРГЕ от тыквы! Тыква в сметанном соусе
2 months ago 00:04:20 1
Мука + КИПЯТОК! Тонкий лаваш на сковороде! Армянский лаваш в домашних условиях
2 months ago 00:04:30 12
Большой бургер - вегетарианский рецепт. Как его съесть?
2 months ago 00:01:11 1
Вкусная КАРТОШКА ПО-ДЕРЕВЕНСКИ В ДУХОВКЕ за 30 минут! ИДЕАЛЬНЫЙ РЕЦЕПТ Картофеля по-деревенски.
2 months ago 00:07:52 1
Вы влюбитесь в это тесто! САМОЕ БЫСТРОЕ дрожжевое тесто для пирожков! Пирожки в духовке
2 months ago 00:04:36 1
Кудрявый суп - такой СУП научила готовить мама! Очень вкусный и простой куриный суп на каждый день
2 months ago 00:16:12 9
Фантастический музей Сальвадора Дали // Влог из Испании: Бургер Кинг и хайкинг