Как сделать иконку меню на CSS

В те далекие времена, когда CSS было не так развито, о такой вещи как медиа запросы или адаптивная версия сайта речи не и шло, не говоря уже о иконке мобильного меню.

Как не используя картинку, можно создать значок мобильного меню для сайта.

Наш HTML:

Пишем CSS для иконки мобильного меню:

Мы используем 2 свойства border, причем одно из них в значении double.
Теперь вы знаете как при помощи стилей очень просто можно сделать иконку меню для мобильной версии вашего сайта не прибегая к изображениям.

Пример того, как будет выглядеть иконка мобильного меню на чистом CSS можно увидеть чуть ниже:

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.com/dmitriy/.

Какие услуги предоставляю:
- Создание сайтов, шаблонов и компонентов на 1С-Битрикс;
- Разработка функционала с нуля и доработка кода на уже созданных проектах;
- Адаптивная вёрстка макетов и натяжка на Битрикс;
- Парсинг файлов и выгрузка на сайт (форматы - CSV, XML, XLSX, JSON)
- Интеграции со сторонними сервисами по API;
- Многоязычные версии и многое другое.

Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом или оставьте комментарий внизу.
E-mail: dmitriyribka@gmail.com
Skype: cinemacreaterus

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *