AnimeJS 文字动画 |理解翻译函数的麻烦

如何解决AnimeJS 文字动画 |理解翻译函数的麻烦

我在理解这个字母 i 代表什么方面遇到了一些困难。
完整代码请查看此链接： https://tobiasahlin.com/moving-letters/#5

HTML

  <span class="text-wrapper">
    <span class="line line1"></span>
    <span class="letters letters-left">Signal</span>
    <span class="letters ampersand">&amp;</span>
    <span class="letters letters-right">Noise</span>
    <span class="line line2"></span>
  </span>
</h1>

JS

anime.timeline({loop: true})
   ///
   ///    prevIoUs animations
   ///
.add({
    targets: '.ml5 .line',duration: 600,easing: "eaSEOutExpo",translateY: (el,i) => (-0.625 + 0.625*2*i) + "em"
  });

这些参数是什么意思？他们是怎么通过的？
我尝试在 https://codepen.io/neejor/pen/vYyeQNa 中复制它，并通过将 i 替换为某个数字（例如 2）进行了尝试。这导致只打开了底线。