JSFiddle - React, Tailwind, and code Playground
by D S
HTML
<div class="page"></div>
<p class="p">Click here</p>
CSS
body{background:red;}
.page{
background:black;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index:-1;
}
p{
color:white;
font-size:100px;
z-index:10;
}
JavaScript
$(document).ready(function(){
//$(".page").hide();
$(".p").click(function(){
$(".page").fadeOut(1000);
$(this).fadeOut(1000);
});
});