JSFiddle - React, Tailwind, and code Playground

by radagast

HTML

<html>  
 <head>  

 </head>  
 <body id="base">  
 </body>    
 </html>

CSS

body {height: 600px; background-color: #000000; color:lime;}  
 div {  
   position:absolute;  
   top:0px;  
      width:100%;  
 }

JavaScript

$(document).ready(function(){  
   var base = $('#base');
   var topToBottom = $('body').height();   
   for(i=0; i<83; i++){  
    base.append('<div id=\"line-'+i+'\" style=\"left:'+ Math.abs(i*10) +'px\">+</div>')  
    $("#line-" + i).css({top:'auto', bottom:topToBottom}).delay(100*i).animate({bottom: '100px'}, (1000));   
   }  
 })