Live
x
<body> <div class="circle"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script> </body>
Live
xxxxxxxxxx8
.circle{ background-color:purple; border-radius:50%; height:30px; width:30px;}
Live
xxxxxxxxxx2
gsap.fromTo('.circle', {backgroundColor:"purple", x:20}, {backgroundColor:"blue", x:120, repeat:1, yoyo:true})
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.