I have noticed that I am able to apply CSS color to unvisited links, but for some reason, I can't seem to do the same for CSS animations in Firefox and Chrome. Is this a limitation of the browsers or am I missing something? In the code snippet below, both visited and unvisited links are animated.
@keyframes highlight {
0% {
background: #38c;
}
10% {
background: none;
}
}
a:link {
color: red;
animation: highlight 4s infinite;
}
NOTE: After considering Mr Lister's feedback, I attempted to set the color individually and place the animation in the parent element. This approach seems to work for changing the color, but not for altering the background-color (tested on Firefox 31): View the updated example here