JSFiddle - React, Tailwind, and code Playground

by adeneo

HTML

<ul>
    <li>This</li>
    <li>is</li>
    <li>a</li>
    <li>simple</li>
    <li>test</li>
    <li>of</li>
    <li>a</li>
    <li>cover</li>
</ul>

<div id="cover">LOADING</div>

CSS

#cover {position: fixed; height: 100%; width: 100%; top:0; left: 0; background: #000; z-index:9999; 
    font-size: 60px; text-align: center; padding-top: 200px; color: #fff;
}

JavaScript

$(window).on('load', function() {
    $("#cover").fadeOut(200);
});






//jsFiddle does not fire the window onload properly, substituted with fake load

function newW() {
    $(window).load();
}
setTimeout(newW, 1000);