I noticed today that the Beta SE sites have a transition on the hover style of many links (top menu, question list titles, body links).

-webkit-transition: color 0.4s ease-in;
-moz-transition: color 0.4s ease-in;
transition: color 0.4s ease-in;

It is important for link hover styles to be strongly reactive so that the user knows when they've centered on a target. In addition to the time spent to move their cursor to the link, the user now has to wait at least a half second to be sure they are over the link — and with such a subtle transition, may not notice the change at all (which adds a significant amount of cognitive friction, since they are always unsure about what is under the cursor and what is not):

enter image description here

(Top is visited, middle is hovered, bottom is unvisited)

Please remove the transition, and ideally, make a stronger hover style. The Meta question list is better:

enter image description here

  • 1
    I have noticed the ease-in is a bit too slow (and then very sudden at the end). I don't think the transition is the problem, just the long length. A .1 or .2 second transition can be very nice.
    – Ben Brocka
    Commented Jul 22, 2012 at 17:26
  • A zillion links on the interwebs not changing color at all: why would people wait for some color? In my browsers the cursor changes to a pointer before the transition starts; it's that pointer that makes me understand I can click a link.
    – Arjan
    Commented Jul 23, 2012 at 15:29

1 Answer 1


I have shortened the transition timer on the links(except for top nav). the change will be in the next prod build.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .