# animation-fill-mode
CSS 属性 animation-fill-mode 设置 CSS 动画在执行之前和之后如何将样式应用于其目标。
# uni-app x 兼容性 ?
| Android(VDOM) | Android(Vapor) | iOS(VDOM) | iOS(Vapor) | HarmonyOS(VDOM) | HarmonyOS(Vapor) |
|---|---|---|---|---|---|
| x | 5.25 | x | 5.25 | x | 5.25 |
# App平台拍平（flatten）兼容性 ?
| Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
|---|---|---|
| x | x | x |
# 语法
animation-fill-mode: <single-animation-fill-mode>#;
# animation-fill-mode 的属性值
| 名称 | 兼容性 | 描述 |
|---|---|---|
| backwards | 动画将在应用于目标时立即应用第一个关键帧中定义的值，并在animation-delay期间保留此值。第一个关键帧取决于animation-direction的值： animation-direction first relevant keyframe normal or alternate 0% or from reverse or alternate-reverse 100% or to | |
| both | 动画将遵循forwards和backwards的规则，从而在两个方向上扩展动画属性。 | |
| forwards | 目标将保留由执行期间遇到的最后一个关键帧 (en-US)计算值。最后一个关键帧取决于animation-direction和animation-iteration-count的值： animation-direction animation-iteration-count last keyframe encountered normal even or odd 100% or to reverse even or odd 0% or from alternate even 0% or from alternate odd 100% or to alternate-reverse even 100% or to alternate-reverse odd 0% or from | |
| none | 当动画未执行时，动画将不会将任何样式应用于目标，而是已经赋予给该元素的 CSS 规则来显示该元素。这是默认值。 |
# 默认值
none
