试图通过文本元素进行循环，并逐个进行动画处理。

Question

想建立一些东西，不知道我的方法是否正确。

我见过一种效果，文本看起来会被剪切，然后一行一行地滑到视图中，一个接一个。

这就是我构建它的方式，基本上是在每个文本元素中循环，并添加一个类将其移动到视图中（我使用剪切和翻译）。为了控制每次循环的延迟，我每次都增加一个变量。不过我的CSS感觉有点乱

这里的Codepen.ioshan-harleypenbGEBmGQ https:/codepen.ioshan-harleypenbGEBmGQ。

有什么想法？

let transitionTime = 0
    text.forEach(heading => {
      window.addEventListener('load', () => {
            heading.classList.add("active")
            heading.style.transitionDelay = transitionTime + "s"
            transitionTime = transitionTime + .2
        })
    })