これだけは抑えておきたい！ jQuery や CSS の「イージング」の基礎知識

この"easeInQuad"にあたる部分が、イージングです！ イージングを設定することで、動きに、勢いや波をつけることができます。 イージングを設定して、ボールを左右に動かしたものがこちら！ ちなみに、イージングがないとこんな感じです。 イージングを使いこなそう！ イージングは結構、種類が多いです。 例えば、jQuery Easing Pluginでは、なんと30種類以上のイージングが用意されています！ でも、30種類もあっても、ぱっと見、違いがよくわからないなんてことありませんか？ 今回は、私の独断と偏見で、jQuery Easing Pluginのイージングを中心に、 それぞれのイージングの特徴と、使いどころを紹介します！ ちょっと、注意事項 CSSや、jQueryでのアニメーションのやり方 今回はアニメーションのやり方そのものについては、説明を省き、イージングの話を中心に書きます。

[srdmsfm]

いいイージング解説。どのイージングを選択したらよいかの参考になる。

[hirorock]

easingの説明

[skyfox_xxx]

イージングの違いまとめ

[anoncom]

easingにこんなに種類あったのか。何となくは理解していたけど、とても分かりやすかった

[sommertag]

これは分かりやすい！お勉強になる！

[Qurage]

(2013.11.25) Quad, Cubic, Quart, Quint, Sine, Expo など、easing の種類についた呼び方について

[efcl]

イージングの種類と動作のまとめ

[edo_m18]

イージングの種類と動きのまとめ。単語の意味から解説しているので分かりやすい！

[nenjiru]

イージングまとめ

[hisaichi5518]

めっちゃグイングイン動いてる。