JSFiddle - React, Tailwind, and code Playground

by videsignz

HTML

<img src='http://www.videsignz.com/testing/images/water-front2.png' />
<div></div>

CSS

img {position:absolute; left:0px; top:0px; z-index:5;}

div {position:absolute; left:0px; top:350px; background-color:#67d9ff; height:0px; display:block; width:350px;}

JavaScript

function animateit(){

$('div').animate({'height' : '350px', 'top' : 0 }, 2000, function(){
   $('div').animate({'height' : 0, 'top' : '350px' }, 2000, animateit);
});
   
}
    
    animateit();