[web-tips > CSS Image Replacement]

tedd's Demo of CSS Image Replacement

Pass the cursor in and out of the picture to see affects.

      Loading images... please wait.
 

Photographs provided by: Digital Photoshop Retouching

This technique simply defines two background images and changes them on hover. It's the same technique that changes the colors of a link when your cursor travels over it, except instead of changing color, this changes the image. Neat huh?

Check out the CSS to see how I did this.

 

Please donate $5 below for my development effort -- thank you.

This technique W3C validates under both HTML 4.01 Strict and CSS guidlines.

Enjoy.

tedd...