[Nexus]

<div>Content</div>
<div id="overlay">Overlay</div>
<style>
#overlay{
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background:rgba(255,255,255,.5);
	padding:30px;
}
#overlay.open{
	display:block;
}
</style>
<script>
(function(){
	const overlay=document.getElementById('overlay');
	overlay.classList.add('open');
	setTimeout(()=>overlay.classList.remove('open'),10*1000);
})();
</script>