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的时间线文档的链接。https://animejs.com/documentation/#timelineBasics