Как сделать всплывающее окно (popup) на HTML CSS JavaScript

Всем привет! В этом видео я расскажу, как сделать модальное или всплывающее окно (popup) на HTML CSS JavaScript. Досмотрите до конца, что бы не пропустить плавную анимацию данного окна.

0:00 - 0:15 - Вступление
0:15 - 10:50 - Html/Css
10:50 - 16:17 - JavaScript
16:17 - 18:47 - Анимация

[rickmayr]

Четко, коротко и без воды. Спасибо вам за урок!

[krypton]

Ребята, анимацию можно сделать ещё одним способом - opacity: 0; visibility: hidden; и opacity: 1; visibility: visible; ну и анимацию так же указываем - transition

[lisaovikyan]

Очень симпатичная кнопка и интересная анимация, спасибо большое за урок)

[ЮлияС-еы]

Спасибо за понятный урок без лишней воды!

[---unwv]

Огромное спасибо за качественный урок!😇

[arslenkabataev]

Спасибо, огромное . Очень классно обьеснили

[SvoPacanaAigul]

огромное вам спасибо за ваш урок. Все выглядит очень красиво, рассказываете вы все складно и понятно, просто супер, а не урок

[LotusesFlowers]

100500 видосов глянул, только твоя идея работает, желаю добра, у тебя голос добрячка(п.с. я начинающий вебер)

[snailans]

шикарно! 🔥Огроменное вам спасибо! То что надо, все супер! Успехов вам и процветания🙌

[akmaralakpanova]

супер! просто, понятно и красиво, спасибо огромное!!!

[АндрейНовицкий-те]

Спасибо большое, как раз искал такое решение. Очень доступно и понятно.

[КаринаЧ-не]

Благодарю. Всё работает и, в-общем, всё понятно.

[lizavpitere]

Видео очень классное! Спасибо! Хотелось бы видеть Ваши новые уроки =)

[sergejchap]

Ссылка на исходный код лучше на гитхаб. Хотя б чтобы не была битая, как эта после года
Спасибо. Интересная идея и работа.

[ВиталийОрлов-из]

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

[usllcmhacha]

респект, выглядит классно. а какие расширения для vs code на тему и иконки файлов используешь?

[КаринаВеверица-ян]

Спасибо большое!!! Очень очень помог!:))

[rtbrmwj]

Красавчик 👍 Отличный урок, красивый поп-ап

[sorix_so]

странно, у меня ошибки в js хотя как у вас всё и не открывается поп ап

[say_red]

Добрый, я делаю вместо тега <a> тег <button> и с ним почему-то не работает, еще из-за display: none; вся картина портится и окно пропадает просто. Подскажите, как решить эти проблемы?