いつも楽しく勉強させていただいております。

動画の通りに左右から現れるようにスタイリングして実行すると左右にジグザグにとどまった状態でふわっと現れてしまい、しばらく頭を抱えてしました。
結局先生のソースコードと比較してみると CSS の最後の行にある .appear クラスの前に .animate をつけ忘れていたことに気づき、実行すると目標通りに動いてくれました。
しかし、今度は「ではなんでいままで .animate をつけてなかったのに前回の動画でうまく動いてくれたのか」が分からなくなってしましました。
これはどうしてでしょうか？
とても初歩的な質問で申し訳ございません。