JSFiddle - React, Tailwind, and code Playground

by robaldred

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.3/TweenMax.min.js"></script>
<div id="test"></div>

CSS

#test {
    width:100px;
    height:20px;
    background:red;
    opacity:0;
}

JavaScript

var tl = new TimelineMax({delay:1})
tl.add(TweenMax.to($('#test'),1,{css:{opacity:1,width:300}}))
tl.add(TweenMax.to($('#test'),1,{css:{height:300}}))