animationend如何监听两个动画其中一个动画?

发布于 2022-09-07 23:19:35 字数 282 浏览 12 评论 0

问题描述

我两个CSS animation动画,用简写写在了一次,动画move是5s结束,而动画go是无数次循环。
我想要实现的是动画move结束后停留在最后一帧,然后go也停止循环播放。
如果是用end事件监听的话,应该会触发无数次,因为go的播放一次的时间间隔只有0.5s。
请问怎么解决这个问题呢?

相关代码

animation: move 8s 1s linear forwards, go 1s 0s linear infinite;

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

强者自强 2022-09-14 23:19:35

回调函数的参数有动画属性名。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文