JSFiddle - React, Tailwind, and code Playground

by sarfarazdesigner

HTML

<div id="content">
	 <div id="left">
        <div class="pr" id="ani">
            <h3 id="rocket" style="bottom:50px"></h3>
            <div id="rocket-smoke"></div>
    	</div>
    </div>
 </div>

CSS

body{background:#e14f22}
#rocket{position:absolute; bottom:50px; right:91px; background:url(http://walkoverapps.com/landing-content/rct.png) no-repeat; width:68px; height:84px; z-index:20}

JavaScript

var winH = $(window).height(); // New height
  	var winW = $(window).width(); // New width
		
	$('#content, #ani').height(winH);
	
	$(document).ready(function(){
		var loc= 200
		$('#rocket').delay(2000).animate({bottom:'600px'}, 5000,function(){});
	});