CSS3属性动画填充模式：“两者”和“前锋”有什么区别

Question

“动画填充模式：两者”和“动画填充模式：转发”有什么区别？ 在我看来，它们都保留了最后一个关键帧设置的计算值。任何人都可以给我一个例子吗？

Answer 1

animation-fill-mode: both结合了animation-fill-mode: forwards和animation-fill-mode: backwards。指定animation-fill-mode: backwards时，即使存在动画延迟，动画开始时也会立即应用动画中第一个关键帧的值。如果填充模式：向后，或两者都未指定，则在动画延迟之后才应用第一个关键帧。您可以阅读更多in the spec.