Question

I’m trying to create a embossed effect on an image (like a polaroid). so there should be a box-shadow on the top and the left edge insetted to the picture. But it isn’t working… is this a browser problem:

I have created a jsfiddle http://jsfiddle.net/PEgBv/25/ to show what i want.

I like it like on the second div box, (where it is working). But on the images, the shadow is only displayed without the inset attribute.

Working with chrome14 on linux

Answer 1

CSS3 inset shadows don’t work on images, but there is a workaround,

Check here: http://bavotasan.com/2011/adding-inset-shadow-to-image-css3/