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

Question

我正在尝试在链接上设置颜色动画.在Chrome中访问过链接后,将不再应用颜色动画.其他动画样式(我测试过背景颜色,字体粗细和字体大小)也不是其他浏览器(Firefox,Safari,IE11)的情况.

这是一个演示:

http://codepen.io/benjarwar/pen/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

Answer 1

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

\n\n

\n

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

\n

\n\n

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

\n