The Dopefly Tech Blog

<< The Dopefly Tech Blog Main page

Moving Pixels, the Red/Blue Shift

posted under category: Design on November 30, 2004 at 1:00 am by MrNate

Have you ever noticed your text seem to jump when you have a blue link with a red hover? Here's a sample, Notice the pixel shift:

This text should highlight red when you hover over it

The fact is, it does move, it moves 1/3 of a pixel on a traditional monitor. Monitors are made of RGB blocks, when you turn one off and turn on another, it makes your text seem to jump over just a bit.

So when you're placing some links and it looks like they might be moving, try a color closer to your original link.

Too old to comment!
On Dec 1, 2004 at 1:00 AM Andy J (blog at the endearing said:
The question now is how many people did that about 100 times just to double check and see it in action :o)

On Dec 1, 2004 at 1:00 AM JesterXL ( said:
I don't see it move, but I got a nice monitor and ClearType enabled... maybe that fixes it?

On Dec 2, 2004 at 1:00 AM Nathan Strutz ( said:
Yes, the smaller the dot pich is on your monitor, the less you will see it move. It also depends on your resolution. Still, you should be able to see it, though very subtle.

On May 19, 2005 at 1:00 AM Hoogli ( (dont visit if you use IE)) said:
If you wear glasses, the text should jump even more. Different colors are bent differently by the lenses; red and blue are nearly on the opposite sides of the spectrum, so they spread out a lot.
Too old to comment!