最新！我的 44 页电子书“CSS 在 44 分钟内”已发布！ 😃

立即获取 →

#animation-fill-mode

定义动画开始之前和动画结束后会发生什么。填充模式允许告诉浏览器是否应在动画之外应用动画的样式。

default animation-fill-mode: none;

动画样式不会影响默认样式：元素在动画开始之前设置为其默认状态，并在动画结束之后恢复到该默认状态。

animation-fill-mode: forwards;

动画结束时应用的最后一个样式将在之后保留。

animation-fill-mode: backwards;

动画的样式将在动画实际开始之前应用。

animation-fill-mode: both;

样式将在动画播放之前和之后应用。