How to create custom popup in html, css and jQuery?

Create custom popup in html, css and jQuery

body{
margin:0px;
padding:0px;
}
.outer_quick_view_box {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.46);
justify-content: center;
display: none;
align-items: center;
position: fixed;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
}
.quick_view_box{
width:70%;
height:70vh;
background:white;
}
.quick_view_close_bt {
color: #565454;
position: absolute;
top: 0px;
right: 0;
background: white;
border: 1px solid #8a8a8a;
border-radius: 50%;
padding: 11px;
margin: 40px;
cursor: pointer;
}
.quick_view_half_sec{
width:50%;
height:auto;
float:left;
}
jQuery(document).ready(function($){
$(‘.quick_view_close_bt’).click(function(){
$(‘.outer_quick_view_box’).hide();
});
$(‘.show_quick_view_bt’).click(function(){
$(‘.outer_quick_view_box’).show();
$(‘.outer_quick_view_box’).css(‘display’,’flex’);
});
});
X

The post How to create custom popup in html, css and jQuery? appeared first on wpcodekit.

Leave a Reply

Your email address will not be published. Required fields are marked *