Простое бургер-меню на чистом JS за 25 минут

В этом видео мы сделаем несложное бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Наше меню адаптируется под мобильные устройства. При нажатии на иконку-бургер, слева нарпаво выпадает меню. Анимируется сама иконка, из бургера она превращается в крестик. Также наша навигация всегда прижата к верхней стороне браузера, что удобно для пользователей. –––––––––––––––––––––––––––––– Таймкоды из видео: 0:00 - Демонстрация бургер-меню 0:49 - Исходный код проекта 1:58 - Разметка для бургер меню 2:40 - Стилизация navbar’а 6:54 - Стилизация элементов меню 11:26 - Стилизация иконки-бургер 14:26 - Стилизация и скрипт попапа 18:38 - Добавляем меню в попап 22:39 - Анимация иконки-бургер 24:29 - Блокируем попап, добавляем внутренний скролл 26:40 - Завершение –––––––––––––––––––––––––––––– Исходный код страницы на GitHub: –––––––––––––––––––––––––––––– Готовый код из видео (бургер-меню):