在iOS8 Safari上点击固定的CSS动画

Question

在锚点击时使用CSS动画作为进度指示器时，此动画将在iOS Safari上暂停。基本上我想在用户点击锚链接或表单提交按钮时使用CSS旋转动画进行视觉反馈。这在大多数浏览器中都能很好地工作，除了iOS 8 Safari，它会立即暂停CSS动画。

CSS：

.spinner {
 border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid red;
  border-top: 3px solid red;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  -webkit-animation: rotating 0.6s infinite linear;
  z-index: 5;
}

JS：

document.querySelector('#mylink').onclick = function(e) {
 document.querySelector('#spinner').classList.remove('hidden');
}

HTML：

<a id="mylink" href="http://deelay.me/3000?http://google.com">Anchor with delay
</a>
<span id="spinner" class="hidden spinner"><span/>

这是一个带有模拟的Codepen： http://codepen.io/asavin/pen/NPWbjw

问题 - 它是一个功能吗？有没有解决方法？

更新：一种解决方法是改为使用动画GIF：D使用GIF示例更新了codepen。在移动设备上运行它以查看CSS动画将如何卡住，而GIF则不会。