JSFiddle - React, Tailwind, and code Playground

HTML

<div>test
</div>

CSS

div{
 width:200px;
 height:200px;
    margin-left:-100px; 
    margin-top:-100px;
 opacity:0;
 background:#333;
 position:absolute; left:50%; top:50%;
}

JavaScript

$('div').animate({
width:"400px",
height: "400px",
marginLeft: "-200px",
marginTop:"-200px",
opacity:1
},500);