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;
}
}
