Как сделать бургер html css

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для создания бургера (иконки гамбургера) в HTML и CSS, вы можете использовать нижеприведенный код.

HTML:

<div class="burger">
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
</div>

CSS:

.burger {
  width: 30px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.line {
  width: 100%;
  height: 3px;
  background-color: #000;
}

В данном примере, создается блок с классом burger, который содержит три блока с классом line, представляющих линии бургера. С помощью CSS свойства display: flex и flex-direction: column мы выстраиваем линии в вертикальном направлении, а justify-content: space-between делает расстояние между линиями одинаковым.

год назад

Ivan Gagarinov

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Анимация CSS

Навык создания анимаций в CSS для улучшения пользовательского опыта и повышения востребованности на рынке

Похожие вопросы