CSS swap hover effect
Posted by Min Tran on 19 Jun 2008, 27 comments
Few months ago, I worked on an e-commerce project whose owner (the client) required each and every of the product photos with information to be displayed in a fancy way. It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to achieve, so I would like to share it with you.
I made a portfolio page as an example to illustrate how it works. Although it should be done with pure xhtml/css, we will need some minimal work-around to make it right in IE6, which will be mentioned later in this article.
