如何使用anime.js运行准确的持续时间不透明度动画？

Question

我试图用 anime.js 淡出一个元素。 代码有效但持续时间与我给出的持续时间参数不符。

例如，当我将持续时间设置为五秒时，大约需要一半时间。

https://codepen.io/anon/pen/rYLRQq

 anime({
   targets: '.el',
   opacity: 0,
   duration: 5000
 });

此外，firefox和chrome之间的持续时间也存在显着差异。

有没有办法让它更准确？

Answer 1

它可能看起来与给定参数不对应，但实际上确实如此。

问题是，默认缓动是'easeOutExpo'或其他'easeOut'计时功能。

尝试宽松：'线性'，你会发现差异。