Griffin Interactive

CSS image rollovers

September 01, 2003
Standards

Petr Stanicek's innovative article 'Fast rollovers, no preload needed' demonstrates how we can speed up CSS image rollovers using one image instead of three separate images to define state (normal, hover, active / visited).

The principle uses the one image and positions it differently depending upon the state of the button. This actually speeds up the rollover and removes the requirement for preloading.