Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Ilya Loopashko
@deadloop
Активно осваиваю PHP
CSS
Как сверстать такое адаптивное меню?
Подскажите, как сверстать такое меню. Нужно на чистом CSS.
Вопрос задан
более трёх лет назад
557 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
1
Sergey
@Firsov36
full-stack web developer
Вот как на html + css с использованием checkbox можно сделать плавно выезжающее меню
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
nokimaro
@nokimaro
Меня невозможно остановить, если я смогу начать.
Сниппеты под bootstrap для черпания вдохновения
https://bootsnipp.com/snippets/Oqvd
https://codepen.io/kawabanga/pen/xxxZEPb
JS всё-равно понадобится в минимальном объёме, чтоб меню сворачивать-разворачивать.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
WapSter
@wapster92
Куратор тега CSS
Не обязательно. Если прям на чистом css в случае если просят как тестовое задание, можно обойтись чекбоксом и лейблом.
Написано
более трёх лет назад
poniyur
@poniyur
WapSter
, classic
Написано
более трёх лет назад
Ilya Loopashko
@deadloop
Автор вопроса
Активно осваиваю PHP
У меня вот получилось,
https://codepen.io/art_code/pen/eYNVJLB
только как вот приклеить label к выезжающему меню?
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Александр Епихин
@leshiple
Либо поместите внутри этого меню, либо также двигайте его с помощью translate
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
вчера
123 просмотра
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
195 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
128 просмотров
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
100 просмотров
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
153 просмотра
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
206 просмотров
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
175 просмотров
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
201 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
4 подписчика
22 сент.
340 просмотров
1
ответ
CSS
Простой
Как в CSS писать стили исходя из ширины себя как @container?
2 подписчика
18 сент.
168 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
React разработчик
ITK academy
•
Нижний Новгород
от 80 000 до 120 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама