Всплывающее окно PopUp на сайте с затемнением фона на CSS без JavaScript

1

Здравствуйте дорогие читатели! Тема всплывающего окна PopUp для сайта будоражит умы тысяч или больше тысяч вебмастеров по всему свету. Ведь всплывающее окно на CSS это не только красиво, но и практично. Я искал решение для своих сайтов, и хотел чтобы это окно было реализовано без использования JavaScript, потому что не у всех он бывает включен. Гораздо круче когда все работает на чистом CSS.

Перепробовав разные варианты, что попались мне в сети, все меня не устроили. И наконец-то я нашел решение. Можно создавать неограниченное количество всплывающих окон, что тоже плюс. Вот посмотрите сами, пример ниже:

Пример

CSS код:

HTML код:

Описание и код нашел на этом сайте: https://di-grand.com/blog/css/2540-kak-sdelat-vsplyvayushhee-okno-s-zatemneniem-na-css.html

Всем спасибо за внимание!

Запись опубликована автором в рубрике CSS.

Всплывающее окно PopUp на сайте с затемнением фона на CSS без JavaScript: 1 комментарий

  1. Anton

    Отличный код для высплывающего кона, простой и понятный.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *