<div id="id" class="box blue"></div>/* Global styles come from external css https://codepen.io/GreenSock/pen/gOWxmWG.css*/ body { display: flex; align-items: center; justify-content: space-around; min-height: 100vh; flex-direction: column; overflow: hidden; } var tl = gsap.timeline(); tl.to("#id", {x: 150, duration: 1}); tl.to("#id", {y: 100, duration: 1}); tl.to("#id", {borderRadius:'50%', duration: 1}); tl.to("#id", {x: -150, duration: 1});