JSFiddle - React, Tailwind, and code Playground

by robaldred

HTML

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

CSS

#container {
    position: relative;
}
.icon {
    display: none;
    width:50px;
    height: 50px;
    background:red;
}

JavaScript

elm = $('<div>').addClass('icon')
$('#container').append(elm)

elm.show()

TweenLite.set(elm,{
    css: {
        left:"50px",
        top:"50px"
    }
})
TweenLite.to(elm, 2, {
    delay: 1,
    css: {
        left: "+=50px",
        top: "+=50px"
    },
    ease: Bounce.easeInOut
});