To get background glass effect you can use this one as per requirements
<div id="popUp" style=" background-color: rgba(00, 00, 00, 0.6); top:0px; left: 0px;position: fixed; height:100%;width: 100%;display: none;z-index: 1000;">
<div style="position: fixed; top: 200px;left: 250px; width: 60%; height: 60%;border-radius: 10px; background-color: white;padding: 20px;box-shadow: 0px 05px 5px 5px rgba(0, 0, 0, 0.3);">
<div style="float: right; cursor: pointer" onclick="popupclose();">
<img src="./images/close-button.png" />
</div>
<div id="teammsg"></div>
</div>
</div>
<div id="popUp" style=" background-color: rgba(00, 00, 00, 0.6); top:0px; left: 0px;position: fixed; height:100%;width: 100%;display: none;z-index: 1000;">
<div style="position: fixed; top: 200px;left: 250px; width: 60%; height: 60%;border-radius: 10px; background-color: white;padding: 20px;box-shadow: 0px 05px 5px 5px rgba(0, 0, 0, 0.3);">
<div style="float: right; cursor: pointer" onclick="popupclose();">
<img src="./images/close-button.png" />
</div>
<div id="teammsg"></div>
</div>
</div>
0 comments:
Post a Comment