I know that this is possible with javascript, but I was wondering if it's possible in CSS to hover over a link/image and have another image appear. For example, I want users to hover over my logo and have flowers appear around it.
The only way I can think of is to use a transparent PNG and do it the way you'd do a rollover button with 2 images in one file, so that there is a huge transparent space around the main image and on hover it switches to a version of the logo with the flowers.

For future reference I was wondering if there was a way to do it with two separate images, so it could evolve into maybe some sort of photo gallery where you hover over a thumbnail and an image appears in the middle of the screen?

Thanks!

sunfighter

07-23-2011, 05:14 PM

Yes it is. See this:
http://meyerweb.com/eric/css/edge/popups/demo2.html