JSFiddle - React, Tailwind, and code Playground

by Samir Chaves

HTML

<div id="preload" class="preload"></div>

CSS

body{
    background: #cccccc;
}
.preload{
    position: fixed;
    z-index:99999;
    top:0; left:0;
    width:100%; height:100%;
    opacity:1;
    background-color:#fff;
    background-image:url('https://38.media.tumblr.com/bec5933eea5043acf6a37bb1394384ab/tumblr_meyfxzwXUc1rgpyeqo1_400.gif');
    background-size:298px 298px;
    background-position:center;
    background-repeat:no-repeat;
}

JavaScript

$(document).ready(function(){
          setTimeout('$("#preload").fadeOut(100)', 1500);
       
      });