css animation动画帧，执行完最后一个帧，保持不变

css 动画 forwards

CSS 的 animation-fill-mode 属性中的 forwards 值表示动画结束后，元素将保持最后一帧的状态。换句话说，当动画完成时，元素将保持动画结束的关键帧的样式，而不是返回到初始状态。

例如，如果你有一个动画，该动画在 2 秒内将元素的宽度从 0 改变到 100px，并且你希望在动画结束后元素保持 100px 的宽度，你可以这样设置 CSS：

.my-animation {
  animation: growWidth 2s forwards;
}
 
@keyframes growWidth {
  from {
    width: 0;
  }
  to {
    width: 100px;
  }
}