带动画的 CSS 背景 SVG 只播放一次

Question

我有一个在两种状态之间切换的按钮，每个状态都有一个内联 SVG。这两个 SVG 都有一个

animate

。第一次，动画播放得很好。但是，当再次在状态之间切换时，动画不会播放。我假设这是因为缓存，但我不完全确定。

我还应该注意，我正在为一个网站制作一个 UserCSS 主题，如果可能的话，我想远离 JavaScript。

Answer 1

你应该使用

animation-iteration-count: infinite;

来重复动画。