【jQuery入門】transitionで背景色を徐々に変更

所有時間1分

今回はjQueryとtransitionプロパティを使って背景色を徐々に変更させる方法を紹介します。

目次

transitionでフェード時間を指定

See the Pen 背景色を徐々に変更させる by Tsunagu (@Tsunagu) on CodePen.

変更前のCSSクラスに「transition」を追加

transition: 時間指定;

まずは背景色が切り替わる期間をtransitionプロパティで指定します。

cssメソッドでプロパティの値を変更

 $("要素").css("background-color", "変更後の背景色");

次に背景色を変更したい要素をjQueryセレクタで指定し、新しい背景色を指定します。

以上です。

URLをコピーする
URLをコピーしました!
目次
閉じる