Всплывающее окно на чистом CSS

Чтобы сделать полноценное всплывающее окно на сайте не обязательно использовать JavaScript. В этом видео мы создадим модальное окно на CSS, ну и в конце добавим совсем немного JS для блокировки скролла. Работает всплывающее окно благодаря таким элементам, как checkbox и label. Chekbox сохраняет два логических состояние (выбран/не выбран), а label мы связываем с chekbox’ом, чтобы менять его состояние. –––––––––––––––––––––––––––––– Таймкоды из видео: 0:00 - Демонстрация всплывающего окна 1:11 - Разметка всплывающего окна 4:04 - Стилизация всплывающего окна 12:02 - Блокировка скролла в JS 13:55 - Завершение –––––––––––––––––––––––––––––– Ссылки: Стартовый проект на GitHub: Готовый код из видео: –––––––––––––––––––––––––––––– Лучшая ваша поддержка - лайк под этим видео! Советую посетить мой сайт , там вы найдете много интересных уроков по программированию. Я выполняю заказы по верстке сайтов и написанию скриптов на JS. Пишите admin@
Back to Top