変化後から変化前のアニメーションを行わないようにしたいです

2021年2月27日
ユーザー

CSSアニメーションについてはすべて学習し、現在、JavaScriptでクラスの付け外しを行うことでアニメーションを行おうとしています。
学習した通り変化前と変化後(JavaScriptで設定したクラス)の要素にそれぞれのスタイルをつけ、変化前にtransitionプロパティを付けました。これによりアニメーションのようにすることができたのですが、クラスを外した時、つまり、変化後のスタイルから変化前のスタイルに切り替わる際にもアニメーションがかかってしまいます。これをなくす方法はありますか?

変化前のスタイルから変化後のスタイルはアニメーションをつけ、変化後のスタイルから変化前のスタイルにはすぐに戻るようにしたいです。

試しに変化前ではなく変化後の要素に対してtransitionプロパティを指定してみるとうまくいったのですが、この書き方でなにか問題が起こる可能性は考えられるでしょうか?

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?