JSFiddle - React, Tailwind, and code Playground

by basarat

HTML

<img src="https://www.google.com.au/images/srpr/logo4w.png" id="home-image"
/>

CSS

#home-image {
    position: absolute;
    width: 1550px;
    height: 800px;
    top: 0px;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    zoom: 1;
    overflow: hidden !important;
    opacity: 0;
}

JavaScript

$('#home-image').animate({
    opacity: 1        
}, 1000).animate({
     zoom: 1,
    height: '125px',
    width: '650px',
    top: '230px',
    top: '230px'   
}, 1000);