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