一段时间后，Safari中的CSS动画会变得不连续

Question

我有这个动画可以使某些文本从暗到亮。当我加载/刷新站点时，它可以工作，但是如果我将选项卡打开一会儿再返回，它将不再平稳地跳动，而是像没有平滑过渡那样离散地闪烁。这似乎仅在Safari上发生。有什么想法吗？

.accordion input[type='radio']:checked + label {
  animation: pulse 3s infinite;
  color: $white;
} 

@keyframes pulse {
  0% {
    opacity: .3;
    text-shadow: 0px 0px 5px white;
  }
  50% {
    opacity: 1;
    text-shadow: 0x 0px 5px white;
  }
  100% {
    opacity: .3;
    text-shadow: 0px 0px 5px white;
  }
}