ripple の animation-fill-mode: forwards; はなくても大丈夫ですか?

今回は opacity があるので、あってもなくても良いです。
2023年5月8日
ユーザー

いつも分かりやすい動画作成と解説、ありがとうございます。

rippleanimation-fill-mode: forwards; について教えてください。

.like [type="checkbox"]:checked~.ripple {
  animation-name: ripple;
  animation-duration: .6s;
  animation-fill-mode: forwards;  ←←←
}

上記矢印の部分ですが下の @keyframes rippleopacity: 0 を指定しています。
コードとしては不要に思うのですが、記述してある理由が何かあるのでしょうか。
コードをコメントアウトしても結果は変わりませんでした。

  100% {
    transform: scale(1);
    opacity: 0;
  }

回答、よろしくお願いいたします。

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

プレミアムプランとは?

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