jquery - 無限ループのためのjQueryのイーズイン/アウト?

Question

アニメーションの無限ループに easeIn/Out を追加するにはどうすればよいですか?

現在、easeIn のフルスピードへの起動は非常に遅いです。500 ミリ秒の簡単なイーズインではなく、

イーズイン/アウト - http://jsfiddle.net/53quf/1/

線形 - http://jsfiddle.net/NJXwH/

Answer 1

イージングを伴う無限ループ (または不確定な長さの非常に長いアニメーション) が必要な場合は、アニメーションを 3 つの部分に分割する必要があります。

1. 最初はイージーイン
2. しばらく/永遠にアニメーション化
3. 最後にイージーアウト

easyIn が非常に遅い理由は、その長さが 60 秒の完全なアニメーション時間に基づいているためです。jQuery には個別にイージング インまたはイージング アウトが組み込まれていないため、これを機能させるには何らかのjQuery イージング プラグインが必要です。イージング インを示す jsfiddle を次に示します。イージング アウトは、読者の演習として残されています。

http://jsfiddle.net/6ntJm/