如何在我的图像下制作阴影？

Question

如何在不使用任何图像的情况下在图像下制作阴影以提供悬停效果？

Answer 1

你使用CSS框阴影：

#example1 {
box-shadow: 10px 10px 5px #888;
}

Answer 2

您可以使用CSS3 box-shadow完成此操作，如下所示：

img {
    box-shadow: 10px 10px 10px #000;
}

JS Fiddle Example

CSS3.info Tutorial

---

要使用box-shadow为图片指定“悬停效果”，请使用:hover选择器。

img:hover {
    box-shadow: 10px 10px 10px #000;
}

JS Fiddle Example

Answer 3

你可以这样做：

div {
  box-shadow: 10px 10px 5px #888888;
}