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

Question

我正在尝试使用 anime.js 淡出一个元素。 代码有效，但持续时间与我提供的持续时间参数不一致。

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

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

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

Firefox 和 chrome 之间的持续时间也有明显差异。

有没有办法让它更准确？

Answer 1

看似与给定参数不符，实则如此

问题是，默认缓动是 'easeOutExpo' 或其他一些 'easeOut' 计时函数。

尝试放宽：'linear'，您会看到不同。