title: Visited links lose CSS color animation in Chrome
body: <p>I'm trying to set color animations on links. Once a link has been visited in Chrome, the color animation is no longer applied. This is not the case for other animated styles (I've tested background color, font weight, and font size) nor in other browsers (Firefox, Safari, IE11).</p>
  
  <p>Here's a demo:</p>
  
  <p><a href="http://codepen.io/benjarwar/pen/rVJbeR" rel="nofollow">http://codepen.io/benjarwar/pen/rVJbeR</a><br>
  <a href="http://s.codepen.io/benjarwar/debug/rVJbeR" rel="nofollow">http://s.codepen.io/benjarwar/debug/rVJbeR</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href='#' target='_blank' class='color'&gt;Color Animation&lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>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; }
  }
  </code></pre>
  
  <p>Steps to reproduce:</p>
  
  <ol>
  <li>Visit the link above</li>
  <li>Note the links have different animations</li>
  <li>Click one of the links (all point to href="#")</li>
  <li>Note that the color animation link is no longer animating</li>
  <li>Remove the link from your browser history and refresh</li>
  <li>Note that the animation returns once the link is removed from the history</li>
  </ol>
  
  <p>Using Chrome Version 43.0.2357.130 on Mac OS 10.9.5</p>