Модальное окно (попапы) на чистом CSS. Всплывающие окна | Modal Popup using Pure CSS

preview_player
Показать описание
В этом видеоуроке я на примере покажу как используя только HTML и CSS можно создать модальные окна или всплывающие окна (popup).

Привет! Я верстальщик и frontend разработчик. Хочешь научиться создавать красивые штучки и использовать их у себя в проекте ? Тогда вступай в наши ряды.
Поддержи канал и подпишись)

Ссылки из видео:

Группа в ВК:

Музыка из видео:
Ikson - Anywhere (Vlog No Copyright Music)

Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.

Возможно вы искали: модальное окно, css, модальные окна (попапы) на чистом CSS, всплывающие окна, dialog box css, popup css, popup window css, js, javascript, модальное окно на js, учимся делать модальные окна, всплывающие окна как это сделать? jquery, как сделать всплывающее окно для отправки формы, всплывающее окно css, верстка, верстка сайтов, верстка модального окна, адаптивная верстка, джедай верстки, simple modal popup box using html, css, pure css modal box, build a popup with javascript
Рекомендации по теме
Комментарии
Автор

Спасибо за видео, подскажите пожалуйста почему когда нажимаем на крестик закрывается модальное окно? вроде бы никакой логики для этого не прописывали

bjornaven
Автор

Мне понравилось, и главное незатянуто на пол часа :) . Спасибо.

fitterboss
Автор

Коротко и по существу. Спасибо за работу. Посмотрел все получилось сделать, только у меня крестик закрытия с top:-10px; и right: -10px; обрезается за пределами блока popup-inner, z-index не помогает.

sergmalin
Автор

Мог бы просто на гитхаб скинуть код и все.. совсем не то что ждёшь увидеть на телефоне смотря, пока ждёшь ребенка.

komrad_sl