如何在图像下制作一个微小的“阴影”,就像这个?

时间:2010-01-28 11:54:15

标签: html css templates

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

正如你所看到的,每张照片......在它下面......它的边缘有一个小小的阴影。

如何使用可变大小的图像完成此操作? (CSS)

3 个答案:

答案 0 :(得分:2)

除了上面的答案,让我解释一下devianart是如何做到的。

他们有一个图像生成器,可以在他们想要的anysize上创建阴影图像。

您可以在http://sh.deviantart.net/shadow/x/113/150/logo3.png看到图片的背景阴影 现在玩弄网址并改变113和150会创建他们使用的任意大小的新图像...

答案 1 :(得分:1)

您可以使用box-shadow,但它无法通过浏览器运行:http://www.css3.info/preview/box-shadow/

答案 2 :(得分:1)

您可以通过在原始图像后面移动背景图像来完成此操作。互联网上有很多教程: Tutorial 1 Tutorial 2