为什么我的链接颜色关键帧动画在 Chrome 中不起作用？

Question

使用 @keyframes（和 animation）为 a 颜色设置动画在 Chrome 中不起作用。

演示：https://jsfiddle.net/ed3pypwr/
在 Chrome 中，链接保持蓝色。在 Firefox 中，它按预期从红色变为绿色。在 div 上，它在 Chrome 中也能正常工作。

有没有办法解决这个问题？

编辑
我知道它应该以-webkit- 为前缀以确保最大的兼容性，但这不是这里的问题。无论如何它都不起作用。

编辑 2
一种解决方案是将链接放在包装器中并使用currentColor:https://jsfiddle.net/b84gttu6/。有没有更好的办法？

Answer 1

Chrome 的旧版本 (@-webkit-keyframes 而不是标准的 @keyframes。所以完全支持看起来像这样：

@-webkit-keyframes test
{
   from { color: red; }
   to { color: green; }
}
@keyframes test
{
   from { color: red; }
   to { color: green; }
}

更新：

我一直在使用各种不同的方法进行一些测试，并且只有在链接未被访问时才有效（为什么，我不知道）。

Example