访问过的链接在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上使用Chrome版本43.0.2357.130 10.9.5

Answer 1

我认为这是关系到在过去的一些常规的安全/隐私问题：

我们限制的CSS属性可以用于访问 指向颜色，背景颜色，边框 - * - 颜色和轮廓颜色 的链接以及填充和描边属性的颜色部分。

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/

Answer 2

你可以早点使用动画，但在参观了现在大多数浏览器限制使用的CSS样式。只有属性允许有

1. 颜色
2. 背景色
3. 边框 - * - 色
4. 轮廓色和填充和笔触属性的
5. 颜色的部分。

source

为什么

以前，人们习惯用访问黑客找出您访问的网站。

http://dbaron.org/mozilla/visited-privacy