★★★ たった "1日" でできるWordPressブログの作り方講座 ★★★ はじめてみる

「 transition 」一覧

jQueryで要素を移動・回転・拡大・傾斜アニメーションさせる方法

jQueryで要素を移動・回転・拡大・傾斜アニメーションさせる方法

jQueryで要素をアニメーションさせるにはanimate関数が使われますが、この関数内ではtransformプロパティを時間に沿ってアニメーションさせることはできません。なので代わりにtransitionプロパティを要素に指定してアニメーションさせます。ここではその方法と移動・拡大・回転・傾斜アニメを要素につける方法を解説します。

jQueryでanimate関数を使わずtransformプロパティをアニメーションさせる方法

jQueryでanimate関数を使わずtransformプロパティをアニメーションさせる方法

jQueryではanimate関数を使うと要素のCSSプロパティを変化させてフェードインなどのアニメ効果をつけることができますが、transformプロパティの値を変化させることはできません。そこでtransitionプロパティを使います。ここではtransitionプロパティを使って要素の回転などを行う方法を解説します。