为什么这些CSS动画在点击页面后会消失？

Question

行为描述

在下面的gif中，当加载字幕（灰色文本）时，它们似乎仍然具有与加载状态相同的背景动画，即background-color仍然是动画。点击后，动画消失，字幕按预期呈现（无background-color动画）。这只发生在Chrome中。我无法在Safari中重现这一点。

详细信息

上面gif中其中一个框的一般dom结构如下所示：

<div class="header">
  <div class="title modifier">...</div>
  <div class="subtitle modifier">...</div>
</div>

根据加载状态，上面的modifier占位符是pt-skeleton（带有某些动画样式的CSS类）或者没有。样式的代码是here。

在字幕显示发光背景和文本时检查字幕时，样式中没有任何内容表示正在设置animation属性。为什么Chrome决定暂时保留不再应用于我的元素的类的CSS样式？

possibly relevant Chromium bug