访问的链接在 Chrome 中丢失 CSS 颜色动画

我正在尝试在链接上设置彩色动画。一旦在 Chrome 中访问了链接，就不再应用颜色动画。对于其他动画样式（我已经测试了背景颜色、字体粗细和字体大小）或其他浏览器（Firefox、Safari、IE11），情况并非如此。

这是一个演示：

http://codepen.io/benjarwar/pen/rVJbeR http://codepen.io/benjarwar/pen/rVJbeR
http://s.codepen.io/benjarwar/debug/rVJbeR http://s.codepen.io/benjarwar/debug/rVJbeR

HTML:

<a href='#' target='_blank' class='color'>Color Animation</a>

CSS:

a.color,
a.color:visited {
  -moz-animation: color-animation 1s ease-in-out infinite;
  -webkit-animation: color-animation 1s ease-in-out infinite;
  animation: color-animation 1s ease-in-out infinite;
}

@-moz-keyframes color-animation {
  0% { color: #f00; }
  50% { color: #fc0; }
  100% { color: #f00; }
}

@-webkit-keyframes color-animation {
  0% { color: #f00; }
  50% { color: #fc0; }
  100% { color: #f00; }
}

@keyframes color-animation {
  0% { color: #f00; }
  50% { color: #fc0; }
  100% { color: #f00; }
}

重现步骤：

1. 访问上面的链接
2. 请注意，链接有不同的动画
3. 单击其中一个链接（全部指向 href="#"）
4. 请注意，彩色动画链接不再有动画效果
5. 从浏览器历史记录中删除链接并刷新
6. 请注意，一旦链接从历史记录中删除，动画就会返回

在 Mac OS 10.9.5 上使用 Chrome 版本 43.0.2357.130

我认为这与过去的一些一般安全/隐私问题有关：

我们限制了可用于设置访问样式的 CSS 属性 链接到颜色、背景颜色、边框-*-颜色和轮廓颜色 以及填充和描边属性的颜色部分。

https://hacks.mozilla.org/2010/03/privacy-lated-changes-coming-to-css-vistited/ https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/ https://blog.mozilla.org/security/2010/03/31/plugging-the-css-history-leak/