JSFiddle - React, Tailwind, and code Playground

by Robbie Wxyz

HTML

<body>
    <div id="wrapper">
        <h1># Page Contents #</h1>
    </div>
</body>

CSS

html{
    height:100%;
}
body{
    margin:0;
    height:100%;
}
#wrapper{
    background-image:linear-gradient(#fff, #000);
    /* used linear-gradient instead of image - same thing */
    display:none;
    height:100%;
    width:100%;
}

JavaScript

$(document).ready(function(){
    $('#wrapper').fadeIn();
});