Посещенные ссылки теряют цветную анимацию 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; }
}

Действия по воспроизведению:

1. Посетите ссылку выше
2. Обратите внимание, что ссылки имеют разную анимацию.
3. Щелкните одну из ссылок (все указывают на href="#")
4. Обратите внимание, что ссылка на цветную анимацию больше не анимируется.
5. Удалите ссылку из истории браузера и обновите
6. Обратите внимание, что анимация возвращается после удаления ссылки из истории.

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