CSS image rollovers

Sep 1

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.

See also these related articles from A List Apart, Sliding doors part 1 and sliding doors part 2 (Published in 2003).


Filed under:
Standards
Posted by:
James Griffin
Dated:
September 1, 2003