Как сделать на сайте меню бургер с помощью HTML/CSS?

В современном веб-дизайне уже стало необходимостью применение обязательной адаптивности, когда веб-страницы отображаются одинаково удобно как на мониторах компьютеров, так и на мобильных гаджетах.
Поэтому на веб-страницах при создании меню часто применяется иконка-бургер (или гамбургер) в виде 3-х небольших горизонтальных линий, которые отображаются на веб-странице, если она просматривается на мобильном устройстве с небольшим размером экрана. Что позволяет скрыть меню, если оно слишком большое. А при нажатии на данной иконке меню раскрывается и становится доступным для пользователей.
Как же сделать данное меню-бургер?
Есть два способа: Первый – это применение библиотеки иконок и прописывание данной иконки с помощью специального тега. И второй способ – с помощью применения обычного CSS.
В данном уроке я покажу создание и применение данной иконки именно с помощью каскадных таблиц стилей.
#Как_сделать #меню_бургер #W3Schools_на_русском

[NoYoutuber]

А не подскажите как мне цвет изменить в бургер меню в первом варианте? Я бы хотел слои сделать белыми, а фон сделать черным, то есть инверсию цвета....