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?
You might be able to put a radial gradient background on a :hover. Just make the gradient centered in the top-left-ish of the piece, and make it an almost-white color. Either that, or use an image and add it as a background on a :hover.
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.