JSFiddle - React, Tailwind, and code Playground

by geekambassador

HTML

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

CSS

#wrapper{
    width:80%;
    height:50px;
    background-color:green;
    
}
#box{
    width:50px;
    height:50px;
    position:relative;}
#box div{
    position:absolute;
width:50px;
    height:50px;
    background-color:red;
}
    
}

JavaScript

TweenMax.to($("#box"), 2, {left:"100%", repeat:-1, yoyo:true});
TweenMax.to($("#box div"), 2, {left:"-=50", repeat:-1, yoyo:true});