css animation-fill-mode属性介绍
，可以让动画在播放前和播放后保持一致的状态，而不是回到动画开始前的状态。它可以使用以下几个值：
- none：动画在播放前和播放后都不会被应用，即动画播放完后，会回到动画开始前的状态。
- forwards：动画在播放完后，会保持一帧的状态。
- backwards：动画在播放前，会保持第一帧的状态。
- both：动画在播放前和播放后都会保持第一帧和一帧的状态。
要使用css animation-fill-mode属性，需要在animation属性中添加fill-mode属性，例如：
.box {
animation: myAnimation 5s both;
}
上面的代码指定了动画的持续时间为5s，并且指定动画在播放前和播放后都会保持第一帧和一帧的状态。
css animation-fill-mode属性可以控制css动画在播放前和后的状态，使得动画更加顺滑，更加美观。