animation-fill-mode 属性是CSS动画中的一个属性，它用于定义动画播放前和播放后如何应用动画效果。该属性有四个可能的值：

1. none（默认值）： 动画将不会影响动画播放前和播放后元素的样式。换句话说，动画不会在播放前或播放后应用任何样式，元素将保持原始样式。
animation-fill-mode: none;

2. forwards： 动画将在播放结束后应用最后一帧的样式。换句话说，元素将保持动画结束时的样式。
animation-fill-mode: forwards;

3. backwards： 动画将在播放前应用第一帧的样式。换句话说，元素将在动画播放前显示动画的第一帧。
animation-fill-mode: backwards;

4. both： 动画将同时在播放前和播放后应用样式。元素将在动画播放前显示第一帧，在播放结束后显示最后一帧。
animation-fill-mode: both;

这个属性通常用于处理动画与元素状态之间的关系，例如在动画播放结束后保持最终状态。


转载请注明出处：http://www.zyzy.cn/article/detail/5983/CSS