Быстрое создание ГАМБУРГЕР меню на jQuery / HTML / CSS
Адаптивное выпадающее меню на HTML и CSS без jQuery и JavaScript. | Как это сделать?
В этом ролике сделаем выпадающее адаптивное меню. Оно будет с иконкой #бургер-меню , которая при наведении поменяется на иконку крестик
Анимация на чистом #CSS без использования #JavaScript
В уроке используем:
• #display: #flex;
• используем #transition;
•...
#верстка #frontend Мобильное меню - "гамбургер" 1) вставка "гамбургера" фоновой декоративной картинкой кажется самым плохим вариантом 2) вставка <svg> из трёх прямоугольников - этот вариант лучше 3) вставка блока с тремя элементами внутри, стилизованными под прямоугольники - еще один хороший вариант 4) вставка одного элемента-прямоугольника с множественной тенью на css - кажется, так и кода не много <div class="hamburger"></div> .hamburger { width: 30px; height: 4px; background-color: #151C22; box-shadow: 0px 8px 0px 0px #151C22, 0px 16px 0px 0px #151C22; }