anime.jsで正確なデュレーション不透明アニメーションを実行するにはどうすればよいですか？

Question

私はで要素をフェードアウトしようとしています。anime.js。 コードは動作しますが、持続時間は私が与えている持続時間のパラメータに対応していません。

たとえば、期間を5秒に設定すると、その半分の時間がかかります。

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

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

またFirefoxとクロムの間の期間中に顕著な違いがあります。

もっと正確にする方法はありますか？

Answer 1

パラメータを指定すると対応していないように見えるかもしれませんが、実際はあります。

事は、デフォルトの緩和は、「easeOutExpo」またはいくつかの他の「easeOut」タイミング関数であること、です。

イージングを試してください： '線形'と違いが表示されます。