Create Animated Popup Box using HTML, CSS & JavaScript

In this video, I will show you how you can easily create animated popup box using HTML, CSS & JavaScript. This popup box contains overlay and clicking on overlay or close button you can dismiss or close the popup box.

[@colommbiano]

Excellent video friend, thank you very much, but I have a problem and that is that I cannot hide the scroll bar, I already set overflow: hidden; and it does not work ☹☹

[@freepythoncode]

It is amazing
You can make JavaScript modal library

[@tharindadamruwa]

I like that ♥️

[@monu2op137]

Which app you’re using for coding?

[@Codingflag]

codepen online editor

[@Abdul-hy4cy]

it would much better if you give the link to sandbox from the video. thanks for video

[@CensusMusic]

Isn’t working for me

[@qezamadaqaweti6368]

I find another one
drive.google.com/file/d/18tbbIyfyoblH2LFhqGeHut299OO6a4Vs/view?usp=sharing

[@Beennn32]

thank you

[@semicolon4140]

still waiting for java code editor in codemirror

[@Codingflag]

I worked on it, i can do read only java code execution. For interactive approach you need to create interactive terminal on frontend itself .

[@elizduarte6547]

What is the name of this font used is codepen

[@Codingflag]

Roboto

[@elizduarte6547]

@@Codingflag I want to know the font name you are using in codepen editor, not the font used in html or css. Understood?

[@Codingflag]

it’s monaco

[@johnralphlorenzo217]

can we have the code? gbu

[@qezamadaqaweti6368]

drive.google.com/file/d/18tbbIyfyoblH2LFhqGeHut299OO6a4Vs/view?usp=sharing
you're welcome