I’m trying to implement CSS transition on the hyperlinks, I’m trying following code, but it is only working on un-visited links. It does not work on the visited links. Am i doing anything wrong?
a, a:link, a:visited {
color: lightblue;
-webkit-transition: color .4s linear;
-moz-transition: color .4s linear;
-o-transition: color .4s linear;
-ms-transition: color .4s linear;
transition: color .4s linear;
}
a:hover {
color: red;
}
There is no any other CSS code which could conflict with it.
The reason it’s not working for you most likely is that you’re testing the functionality in Chrome. Check out this link:
CSS3 color transition not working in Chrome