Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Игорь
@Prot0n
Веб-разработчик
CSS
Как сделать раскрывающееся меню как на сайте leviev-group.com?
Как сделать раскрывающееся меню, которое раскрывается из бургера как на сайте leviev-group.com?
Вопрос задан
более трёх лет назад
52 просмотра
Комментировать
Подписаться
1
Средний
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Eugene Chefranov
@Chefranov
Новичок
Обычный бургер. Сначала прячем блок с меню за пределами экрана (например, через translateX(-120%), а по клику на бургер меняем translateX(0%) в исходное положение. А с помощью transition добиваемся плавности
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Игорь
@Prot0n
Автор вопроса
Там обрати внимание, появление с закруглением, и меню прячется не обратно в бок а снова от бургера. Можно проскролить на белый фон, будет лучше видно
Написано
более трёх лет назад
Eugene Chefranov
@Chefranov
Prot0n
, добавьте border-radius
Написано
более трёх лет назад
Игорь
@Prot0n
Автор вопроса
Eugene Chefranov
, там на сайте менюшка не просто уезжает, как сделать чтобы она так же пропадала?
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как сверстать такую кнопку?
1 подписчик
12 часов назад
136 просмотров
1
ответ
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
04 июн.
112 просмотров
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
77 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
199 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
4 подписчика
30 мая
1441 просмотр
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
147 просмотров
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
144 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
89 просмотров
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
172 просмотра
1
ответ
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
91 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Fullstack Developer под Wordpress
Future Search
от 100 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 250 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама