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

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

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