JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.15.0/TweenMax.min.js"></script>
<div></div>
CSS
body, html {
background: #ccccdd;
}
div {
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
background: red;
transform: translate(-50%, -50%);
}
JavaScript
$(function () {
var div = $("div").first(),
t = new TimelineLite();
t.to(div, 2, {
scale: 2
})
.to(div, 2, {
width: 1000
})
});