Задать вопрос
@anton99zel
29а класс средней школы №7

Как сделать верстку меню?

59ed50ca1b76a856683827.png
На странице должно быть две кнопки (кнопки графические, т.е. картинкой)

При нажатии button1 сверху появляется блок из двух кликабельных ссылок-картинок img1 и Img2
При нажатии на button2 сверху появляется блок из двух кликабельных ссылок-картинок img3 и Img4 (img1 и img2 естественно тогда исчезают и наоборот)

При нажатии в пустое пространство верхний блок закрывается, остаются только две зеленые кнопки
Желательно только на CSS
  • Вопрос задан
  • 212 просмотров
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
tolfy
@tolfy
Фирменный стиль
если без хаков, то это стандартное выпадающее (вверх) меню, только иная стилизация
самый чистый по вёрстке способ, - применить на button JS (click) на замену класса стиля ( display: none > display: inline-block )
если не умеете, скажите, скину код
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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