Reactjs 帧运动退出几秒钟后

我想从右边稍微淡入div，几秒钟后淡出这个div

在gsap中，此代码如下所示

    tl.fromTo(message,
      {duration: 0.5, x: "70", opacity: 0},
      {duration: 0.5, x: "0", opacity: 1},
    ).to(message, {duration: 0.5, delay: 2.5, x: "0", opacity: 0});

---

如何在framer motion中执行此操作？

我将通过使用两个嵌套的motion div来实现这一点。检查我的沙箱