javascript - 播放 Web 音频时 Chrome Css 动画中断
问题描述
在 Chrome 中，当播放网站音频时，Web 表单上标签的 css 动画失败，即使触发 addClass 函数的 JS 有效。但是，只要我通过单击右下角的条形音箱关闭音频，动画就会按预期工作。
为什么音频会影响css动画？
解决方案
条形音箱的过渡持续时间可能比帧的“持续时间”长。这意味着您要求的每一帧动画可能需要比一帧更长的时间。事情开始出现故障。
您已经在“逐帧”地为它们设置动画，因此您只需将条形音箱的过渡持续时间设置为 0 秒，它仍然看起来很流畅！