<div class="box green"></div>
/* Global styles come from external css https://codepen.io/GreenSock/pen/gOWxmWG */
body {
display: flex;
align-items: center;
justify-content: flex-start;
min-height: 100vh;
margin: 0;
overflow: hidden;
}
.box {
display: block;
}
gsap.to(".box", {
rotation: 360,
x: '100vw',
xPercent: -100,
// 特殊属性，动画本身相关的设定
duration: 2, // 动画时长
repeat: 2, // 重复的次数-这里动画总共会执行3次
yoyo: true, // 会让每次动画重复的时候往回变化，就像悠悠球一样
});
