С помощью чего это реализовано?

Question

[unddeus]

Здравствуйте, наткнулся на одну интересную фичу на сайте, только там реализация с помощью php, если можете покидайте примеров или подскажите как её реализовать с помощью HTML // CSS // JS, ниже я оставил ссылку на видео с фичей!
ссылка: https://youtu.be/XdAf01FKB00

Comments

[Шохрух Шаймардонов]

Вы про полноэкранное меню?

[unddeus]

Да, но меня больше интересует реализация появления

[Николай]

toster

[Сергей delphinpro]

Показать/Скрыть блок. Это довольно просто.

[Тарас Шульга]

Просто по клику показать/скрыть блок - основа js же

Answer 1

[d4c4237abc]

Это обычный поп ап, который потом стилизуется

Answer 2

[Никита Михайлов]

Можете посмотреть на любой пример создания модального окна. Самое главное вам научиться по клику выводить блок, который будет выше всех остальных окон по z-index. А сам уже внешний вид тут вторичен, ибо настраивается по вкусу.

Для удобства, с помощью JS можно менять блоку класс. Изначально у модалки класс, который скрывает (например с display: none), а при клике просто менять на класс, где будет display: block. Это чисто как пример.

По поводу примеров: https://codepen.io/brycesnyder/pen/JGOwwX ­— это на чистом CSS