Dlaczego moja animacja klatek kluczowych dla koloru linków nie działa w przeglądarce Chrome?

Question

Używanie @keyframes (i animation) do animowania koloru a nie działa w przeglądarce Chrome.

Demo: https://jsfiddle.net/ed3pypwr/
W Chrome łącze pozostaje niebieskie. W przeglądarce Firefox zmienia kolor z czerwonego na zielony zgodnie z oczekiwaniami. Na komputerze div działa również w Chrome.

Czy istnieje sposób rozwiązania tego problemu?

EDIT
wiem, powinno być poprzedzone -webkit- aby zapewnić maksymalną kompatybilność, ale nie jest to problem tutaj. To i tak nie działa.

EDIT 2
Rozwiązaniem byłoby umieścić łącza w opakowaniu i wykorzystywać currentColor: https://jsfiddle.net/b84gttu6/. Czy istnieje lepszy sposób?

Answer 1

Stare wersje (< 43) Chrome używają prefiksu @-webkit-keyframes zamiast standardowego @keyframes. Tak pełne wsparcie będzie wyglądać następująco:

@-webkit-keyframes test 
{ 
    from { color: red; } 
    to { color: green; } 
} 
@keyframes test 
{ 
    from { color: red; } 
    to { color: green; } 
} 

Aktualizacja:

Robiłem kilka testów z różnymi metodami i działa tylko wtedy, gdy połączenie nie zostało odwiedził (dlaczego, ja don 'nie wiem).

Example