[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...