The case of the Chrome's transition hover bug.
@smashingmag found a webkit Chrome bug (at least MAC version 16.0.912.63) related to color transitions and the :visited pseudoclass.
When a link is visited, the transition doesn't work anymore.
Here's a resume from the things that I've found, after several tries:
- It's a Chrome only bug.
- It only affects to color transitions (background, color, border-color, etc). The height and other properties are not affected.
- The :visible pseudoclass style has more priority to the :hover pseudoclass, this has nothing to do with transitions. I think this is the problem.
- The solution (at least for me) is to remove the :visited pseudoclass from the equation, with background:transparent;
All my trial tests in dabblet.com:
http://dabblet.com/gist/1567615
It works for you, guys? Let me know in the comments.
UPDATE: It's a bug.
