如何在像这样的图像下制作一个小的“阴影”？

Question

http://www.deviantart.com/#order=9&q=sun

As you can see, each picture...underneath it...it has a little tiny shadow around the edges.

How can this be done with a variable size image? (css)

Answer 1

Beside the answers above, let me explain how devianart does it ..

they have an image generator, that creates the shadow image at anysize they want ..

You can see the background shadow of an image at http://sh.deviantart.net/shadow/x/113/150/logo3.png now playing around with the url and altering the 113 and 150 creates new images of arbitrary size which they use ...

Answer 2

您可以使用box-shadow ，但不能在跨浏览器中使用： http : //www.css3.info/preview/box-shadow/

Answer 3

You can do this by shifting a background image behind the original image. There are quite a few tutorials on the internet: Tutorial 1 Tutorial 2