Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Mar 2011
    Posts
    25
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Css Hover - Make transparent img appear?

    Hi,

    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!

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,197
    Thanks
    23
    Thanked 605 Times in 604 Posts


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •