JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
    <div id="div2">zcxcxzc</div>
</div>

CSS

body{
    margin:0px;
    padding:0px;
}
#div1{
    overflow:hidden;
    height:500px;
    width:500px;
    position:absolute;
}
#div2{
    width:99%;
    height:99%;
    overflow:hidden;
    border:1px solid;
    position:absolute;
}

JavaScript

$("#div2").animate({'width':'50%','left':'49%'},1000);