align-items

描述

该 animation-fill-mode 属性定义动画在执行时间之外应用哪些值。默认情况下，动画不会影响应用动画的时间（在元素上设置动画名称属性）和开始执行的时间（由动画延迟属性确定）之间的属性值。此外，默认情况下，动画在动画结束后不会影响属性值（由动画持续时间属性确定）。动画填充模式属性可以重写此行为。

效果展示

语法

animation-fill-mode: none | forwards | backwards | both;

值

• none 动画不会在执行之前或之后将任何样式应用于目标。
• forwards 这是描述
• forwards 目标将保留执行期间遇到的最后一个关键帧设置的计算值。
• backwards 动画将在第一个相关关键帧应用于目标后立即应用该值，并在动画延迟期间保留此值。
• both 动画将遵循前进和后退的规则，从而在两个方向上扩展动画属性。