Посещенные ссылки теряют цветную анимацию CSS в Chrome

Я пытаюсь установить цветные анимации по ссылкам. После того, как ссылка была посещена в 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; }
}

Шаги для воспроизведения:

• Перейдите по ссылке выше
• Обратите внимание, что ссылки имеют разные анимации.
• Нажмите одну из ссылок (все указывают на href= "#" )
• Обратите внимание, что ссылка цветной анимации больше не анимируется
• Удалить ссылку из истории браузера и обновить
• Обратите внимание, что анимация возвращается после удаления ссылки из истории

Использование версии Chrome версии 43.0.2357.130 в Mac OS 10.9.5