こんにちは、@codeship_techです。
本日の質問がこちら。
jQueryのアニメーションを作りたいです。
アニメーションさせたい要素に対してactiveクラスをつけ外しできるようにしましたが動きません。
どうすればいいですか?
ということで、jQueryについての質問です!
それではこちらの質問に答えていきます。
jQueryでクラスをつけたり外したりすることで、アニメーションを実装する場合、CSSで予めスタイルを定義しておかないと動きません。
activeというクラス名に意味はないので、好きなクラス名を指定し、それに対するCSSをスタイルシートに書いておきましょう。
例えば、blueというクラスをjQueryでつけ外しできるようにします。
予めblueクラスには文字の色を青くするというようなCSSを書いておけば、そのクラスが付与された要素は文字色が青くなります。
またCSSのtransitionを使うことで、変化の秒数なども調節できるので試してみてください。
本日は、jQueryのアニメーションについて解説しました!