// 从原点做动画到某处
gsap.to(boxRef.current, {
  rotation: '+=270', // string 相对于原值， number 绝对值
  duration: 2,
  delay: 1,
  x: '-=300', // string 相对于原值， number 绝对值
  opacity: 0,
});

// 从某个位置做动画回到原点
gsap.from(boxRef.current, {
  rotation: '+=270',
  duration: 2,
  delay: 1,
  x: '-=300',
});

// 从哪到哪
tweenRef.current = gsap.fromTo(
  boxRef.current,
  {
    x: -1100,
  },
  {
    rotation: '+=270',
    duration: 2,
    delay: 1,
    x: 300,
  },
);

// 返回实例，可以在任意地方做操作
tweenRef.current.pause();
tweenRef.current.seek(2); // 跳转到一个特定的时间，而不影响是否暂停或反转实例
tweenRef.current.progress(0.5); // 设置动画的状态, 0未开始 .5 走到一半 1完成
tweenRef.current.play();