JSFiddle - React, Tailwind, and code Playground
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;
}
.fire {
-moz-transition: bottom 5s;
-webkit-transition: bottom 5s;
-ms-transition: bottom 5s;
-o-transition: bottom 5s;
transition: bottom 5s;
}
JavaScript
$(document).ready(function () {
setTimeout(function () {
$('#rocket').addClass('fire').css('bottom', 600);
}, 2000);
});