JSFiddle - React, Tailwind, and code Playground

by robaldred

HTML

<script src="http://www.snorkl.tv/dev/libs/greensock/TweenMax.min.js"></script>
<script src="http://www.snorkl.tv/dev/libs/greensock/plugins/ColorPropsPlugin.min.js"></script>
<div id="text1">Lots of cash</div>
<div id="text2">Close to friends</div>
<div id="text3">Nearby friends</div>
<div id="text4">City lifestyle</div>

CSS

@-webkit-keyframes text1move {
0%{left:100px;}
50%{left:10%;}
75%{left:80px;}
100%{left:100px;}        
}

#text1 {
    position:absolute;
    top:40px;
    left:100px;
    -webkit-animation:text1move 2s infinite;
}
#text2 {
    position:absolute;
    top:140px;
    left:100px;
}
#text3 {
    position:absolute;
    top:240px;
    left:100px;
}
#text4 {
    position:absolute;
    top:340px;
    left:100px;
}