アニメーションの起点をずらして簡略化したのですが、問題ありますか?

はい、それでも見た目上は問題ありません。
2021年11月25日
ユーザー

お世話になります。
0% のときの transform: translateY(20px); を設定せず、
message の元々の位置を 20px下( bottom: 12px; )にしておいて、
アニメーションの 20% と 80% の時の位置を translateY(-20px); の位置に設定して、transform: none;も取って記述したところ、同じ動きをしているように見えたのですが、
そのように単純化しても問題ないでしょうか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(6)