Image hover: drop shadow or border

Skaatar / 2013-08-05 11:00:47   

Hi,
currently I have opacity when hovering an image.
However, it looks bad on tablets while it remains...

How can I add a drop shadow or a border?

found this on the web but can't get it to work: cvwdesign.com/txp/article/395/…

... even after inserting it under #exhibit...

my site: skatar.com

thanks for Indexhibit 2. It is great!
best regards

arsondpi / 2013-08-05 16:50:53   

Which is the page that you're trying to use this? I looked in your style.css and didn't find anything like this.

Skaatar / 2013-08-05 21:53:41   

Hi, no I deleted that...

I intend to use it on all images

arsondpi / 2013-08-05 22:18:14   

I used the code from the link you posted above and the following seemed to work fine

  1. img {
  2.     border: 1px solid transparent;
  3. }
  4. img:hover {
  5.     border: solid 1px #CCC;
  6.     -moz-box-shadow: 1px 1px 5px #999;
  7.     -webkit-box-shadow: 1px 1px 5px #999;
  8.         box-shadow: 1px 1px 5px #999;
  9. }
Skaatar / 2013-08-06 09:58:30   

thanks! it works!

but... It is shaking the whole setup. Tried to make an inset 0 0 1px without luck..
Well, I'll think about this one.

At least, now people know how to do it.

I put your code before the general link scheme by the way.

thanks and all the best

This thread has been closed, thank you.