JSFiddle - React, Tailwind, and code Playground
HTML
<div class="loading">
Loading...
</div>
<div>
Stuff behind it
<a href="http://google.com" target="_blank">Link!</a>
</div>
CSS
.loading{
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
background-color:#000;
color:#fff;
-webkit-transition: opacity 2s linear;
transition: opacity 2s linear;
}
.fadeout {
opacity:0;
}
.faded {
display: none;
visibility: hidden;
position: relative;
z-index: -1;
}
JavaScript
$('.loading').fadeOut(1000, function(){
$(this).addClass('faded');
});