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

Comments

No Comments to date.


"Post a Comment" has been deactivated.

I'm sorry, but there is just too much spam to review to provide answers. For example, for every honest question, there are over 1000 spams. I am leaving the comments here so that they may help others.

I find my time better spent providing more examples and attending to clients.

tedd