CSS3属性动画填充模式: What's the difference with "both" and "forwards"

标签 css animation

“animation-fill-mode:both”和“animation-fill-mode:forwards”有什么区别? 在我看来,它们都保留了最后一个关键帧设置的计算值。有人能给我一个例子吗?

最佳答案

animation-fill-mode: Both 结合了 animation-fill-mode:forwardsanimation-fill-mode:backwards。当指定animation-fill-mode:backwards时,动画开始时会立即应用动画中第一个关键帧的值,即使存在动画延迟。如果未指定 fill-mode:backwards 或两者,则直到动画延迟之后才会应用第一个关键帧。您可以阅读更多in the spec.

关于CSS3属性动画填充模式: What's the difference with "both" and "forwards",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13789424/

相关文章:

html - 让 <div> 元素填充另一个 <div> 元素

css - 如何使用具有 IE7 和 8 兼容性的图像制作 Fluid in width 圆 Angular 搜索框?

Angular 路线过渡 - 根据当前路线向左或向右滑动?

angular - 转换不适用于 angular5 动画

python - Kivy 上的动画 Canvas 线

javascript - 无法将 Bootstrap 加载到 nodejs

iphone - 右侧多余空间

python - matplotlib 动画 FuncAnimation 帧参数

html - CSS 动画 : after completing first animation set display block at start of second animation WITHOUT JAVASCRIPT

html - 如何将内容包裹在div中?