The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS styling for “reflective” rollover property

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #33794

    Hello, my first post, I did some searches and didn’t see anything on this, hopefully I can find some good leads.

    I’m designing a site that will have as it’s index/home page a very ornate handheld mirror that has fallen and all the glass has broken out into pieces.

    The links for the site will be embedded in several of the larger “glass shards” of the mirror. I was wondering if anyone knew of a way to get not just a color change rollover, but an effect that mimics light reflecting in a mirror. Sort of a “POP” of light like you see on TV shows when someone is signaling to others far away with a handheld mirror reflecting the sunlight.

    Standard rollover color changes are no problem, but anything that would look more realistic is my goal. Any ideas?



    Duh to me, I didn’t even think of using an image-replacement or the gradient. It’s so simple and easy I allowed myself to overlook it.

    Thank you Cliff!


    I wanted to follow up on the above, I forgot to add earlier.

    Would there be a way to do a quick, timed flash, that pops and then goes back to normal regardless of whether the mouse is hovering over the link or simply passing over it?

    Does that make sense?


    A event without the user doing anything? Could try a really long css animation or animated gif.


    Well, not exactly, I’d like to have the reflection ‘pop’ only when the mouse rolls over it. However, I want the pop to be quick like a true reflection regardless of whether the user keeps the mouse hovered over the link or if they just pass over it quickly. So it would be a quick pop and return to normal, with maybe the text taking a slightly different color as well to further show it as a link.

    @ Jeager, the above are good ideas, I’m going to look into the animation you suggested.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.