Why Doesn't My Keyframe Animation For Link Color Work In Chrome?

Using @keyframes (and animation) to animate a color does not work in Chrome. Demo: https://jsfiddle.net/ed3pypwr/ In Chrome the link stays blue. In Firefox it goes from red to gree

Solution 1:

Old versions (<43) of Chrome use the prefixed @-webkit-keyframes instead of the standard @keyframes. So full support would look like this:

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

Update:

I've been doing some tests with various different methods and it works only if the link has not been visited (why, I don't know).

Example