动画填充模式
animation-fill-mode 设置 CSS 动画（关键帧动画）在执行之前和之后如何将样式应用于其目标（动画元素）。animation-fill-mode 属性主要有四个值：none：默认值，表示动画在应用但未执行时没有效果。当动画未执行时，动画将不会将任何样式应用于目标，而是已经赋予给该元素的 CSS 规则来显示该元素。
forwards：在动画结束时，动画将应用动画结束时的属性值，即目标将保留由执行期间遇到的最后一个关键帧的计算值。
backwards：在由animation-delay定义的期间，动画将应用定义在将开始动画的第一次迭代的关键帧中的属性值。也就是说，动画将在应用于目标时立即应用第一个关键帧中定义的值，并在animation-delay期间保留此值。
both：动画将遵循forwards和backwards的规则，从而在两个方向上扩展动画属性。