I am looking to add an image hover to my 4 images on my homepage. Just something simple so it can hopefully work in most browsers. Any help would be great. Thanks!
Hum, can you define “image hover”? What should happen if you hover over any of the 4 images exactly?
Sorry about that. When a user hovers over a image I would like for a fade,shadow,transparency or something along those lines to happen so the user can see the picture contains a link to another page.
box-shadow: 0 1px 8px black;
Or if the images are not links:
opacity: 0.8; /* 1 = 100%, 0 = 0% */
/* or the drop-shadow effect */
box-shadow: 0 1px 8px black; /* goes x-axis, y-axis, blur, (stretch factor on x-axis, not used here), colour */
thanks @dfogge and @cyneWATCH. Ill try those and see how they turn out!
I was just wondering if anyone new of a technique to get a shadow to appear all the way around the outside an image when hovered.
box-shadow: 0 0 10px #000;
Just combine that with the hover strategies above.
You’re basically telling the shadow to not offset on either axis.
What should I do to combat older IE browsers? The users of the particular site I am beginning to work on will more than likely have outdated browsers (and I’m on one here at work too! arg! dang IE8!!) Thx.
You must be logged in to reply to this topic.