动画后CSS动画属性保持不变

我认为您正在寻找

animation-fill-mode

animation-fill-mode CSS属性指定CSS动画在执行之前和之后如何将样式应用于其目标。

为了您的目的，只是尝试设置

h2 {  animation: fadeIn 1s ease-in-out 3s;  animation-fill-mode: forwards;  }

设置 转发 值«目标将保留执行期间遇到的最后一个关键帧设置的计算值»