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

编程问答 2022-05-24

问题描述

我在理解这个字母 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）进行了尝试。这导致只打开了底线。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationanimationanime.jsjavascript