How would I make an image invisble to the naked eye, but visible while mousing over?

Discussion in 'Graphics & Multimedia' started by enlightened.one, Mar 3, 2011.

  1. #1
    I am not sure what it is, but when you take your mouse pointer and drag it over an image, it may change colors (depending on your browser).

    This is my logo:

    [​IMG]

    Here is what happens when I drag my mouse over my logo (like you would when selecting a bunch of text on a page).

    [​IMG]

    See how there is actually light coming in from the right? That's not something that you can normally see.

    How is this done?
     
    Last edited: Mar 3, 2011
    enlightened.one, Mar 3, 2011 IP
  2. designer23

    designer23 Peon

    Messages:
    17
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    its a simple code in html :

    it uses the css coding....you can also use a custom javascript to make this effect too....

    if u need help u can pm me... :)

    just a short tutorial for you:

    save the two images in our image directory....then if ur website is using css then u have to make changes in that (its a better process)
    make a div container and name it like "logo"

    inside div id logo u have to create the mouse effects...u can copy any existing menu effects too ;)

    then include those images in the css file....

    finally write <div id="logo"></div> in the place where your image is present ......

    make sure the css has same height/width as the image because if not...the template will look destroyed.....goodluck... ;)
     
    designer23, Mar 3, 2011 IP
  3. Piggy

    Piggy Active Member

    Messages:
    574
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    70
    #3
    My bet is it's a mouseover effect that loads the second image with the light.
     
    Piggy, Mar 8, 2011 IP