Perché l'animazione del fotogramma chiave per il colore dei collegamenti non funziona in Chrome?

Question

L'utilizzo di @keyframes (e animation) per animare il colore a non funziona in Chrome.

Demo: https://jsfiddle.net/ed3pypwr/
In Chrome il collegamento rimane blu. In Firefox passa dal rosso al verde come previsto. Su un div funziona bene anche in Chrome.

C'è un modo per risolvere questo?

EDIT
So che deve essere preceduto -webkit- garantire una compatibilità, ma questo non è il problema qui. Non funziona comunque.

EDIT 2
Una soluzione potrebbe essere quella di mettere il link in un involucro e utilizzare currentColor: https://jsfiddle.net/b84gttu6/. C'è un modo migliore ?

Answer 1

Versioni precedenti (< 43) di Chrome utilizzano il prefisso @-webkit-keyframes anziché lo standard @keyframes. Quindi, il supporto completo sarebbe simile a questa:

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

Aggiornamento:

Ho fatto alcuni test con diversi metodi e funziona solo se il link non è stata visitata (perché, don lo so).

Example