css3动画停止后停在原地 css3动画暂停

css3 animation动画结束时，怎么停留在最后一帧

您好，我来为您解答：

貌似无法自动停止，

只有用js设置animation-play-state属性为paused才能停止。

如果我的回答没能帮助您，请继续追问。

相关问答

Q1: css3 animation 如何让他停在最后

animation-fill-mode : forwards //设置对象状态为动画结束时的状态 animation-fill-mode 语法：animation-fill-mode：none | forwards | backwards | both [ , none | forwards | backwards | both ]*默认值：none适用于：所有元素，包含伪对象:after和:before继承性：无取值：none：默认值。不设置对象动画之外的状态forwards：设置对象状态为动画结束时的状态backwards：设置对象状态为动画开始时的状态both：设置对象状态为动画结束或开始的状态说明：检索或设置对象动画时间之外的状态如果提供多个属性值，以逗号进行分隔。对应的脚本特性为animationFillMode。 这个是最简单的方法，也可以侦听动画结束事件，给元素加个class类名，这个class定义的就是元素结束时的状态的css样式

Q2: css3动画播放后如何停止在最后的状态

1，看代码参考。

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

none：不改变默认行为。 forwards ：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。 backwards：在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。 both：向前和向后填充模式都被应用。

css3动画停止后停在原地的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css3动画暂停、css3动画停止后停在原地的信息别忘了在本站进行查找喔。