Daniuy3• 210
@Daniuy3
Posted
Yo, the "Popup" is called Modal a way to do it if youre using vanilla js and css is:
- create a div with a position fixed use top:0 , bottom 0, left 0, rigth 0, to fit it on the size of the screen:
.modal{
position:fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(0,0,0,0.6); `to make the background quite black and transparent`
z-index: 3; `to make sure it's above everything`
opacity:0; `to make it invisible at the begginin`
}
- when you click the button just add or remove a class to this modal, that class should contain opacity 1 so that it should appear on the top, as the same way when you start a new order remove that class and that's all
I've just finished the same project here you have the link in case you want to see it: Project
Marked as helpful
0
Joaquín Zúñiga• 60
@JoacoZun
Posted
@Daniuy3 thank you a lot for your review! I'll work on that :)
0