独自のアニメーションエフェクトを設定できるanimate() animate()を使えば、任意のCSSプロパティの値を徐々に変化させることで、さまざまなアニメーションエフェクトを作成できます。animate(...)の括弧内には、CSSプロパティ(プロパティ名と値)、アニメーションのスピード、動きのスタイル(easing)、コールバック関数を指定します。 $(セレクター).animate(値を変更したいCSSプロパティ, スピード, 動き, コールバック関数) 設定できるCSSプロパティは、height/top/opacityのように、数値(px/em/%)で表せるものに限り、background-colorのように数値以外の値を指定するものには対応していません。CSSプロパティの書き方はjQueryの css() で複数のCSSプロパティを同時に設定する場合と同じです(関連記事)。プロパ
![jQueryによるアニメーションエフェクトの基本 (5/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c5cc038747f851a6643024dc05c0165ccaeecdd/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F07%2F22%2F240489%2Fl%2F947ffd95838c8645.jpg)