Amine JS 在中心创建一个元素

Question

我正在尝试制作作品集。 我的简介有一个这样的 dom

        <div className={clsx("inline-flex", "items-center",
          "space-x-4")}>
          <div id="logo" className={"flex"}>
            <LoaderIcon isOnLoader={true}/>
          </div>
          <div className={"flex flex-col"} id={"title_container"}>
            <div id="subtitle" className={"text-neon-violet"}>
              {descriptionSmall}
            </div>
            <div id={"title"} className={"text-neon-violet text-4xl tracking-tighter"}>
              {title}
            </div>
          </div>
        </div>

在动画中，我将 #title_container 缩小为 0 使用

loader.add({
        targets: "#title_container",
        duration: 800,
        easing: 'easeInOutQuart',
        scale: 0,
      })

#title_container 出去了，但#logo 留在原地。

我想让动画像标题缩小和标志同时居中一样。

请帮我解决这个问题。谢谢

Answer 1

据我所知，我们在animejs 中有一个时间表。我们不断添加需要动画的元素。

这里是animejs 的时间线文档的链接。 https://animejs.com/documentation/#timelineBasics