View Full Version : Css Hover - Make transparent img appear?

07-23-2011, 05:39 PM

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?


07-23-2011, 06:14 PM
Yes it is. See this: