css - 如何在图像下制作阴影？

Question

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

score 2 · Accepted Answer

2

您使用 CSS 框阴影：

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

于 2013-01-29T17:21:45.853 回答

score 2 · Accepted Answer

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

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

要使用为图像提供“悬停效果” box-shadow，请使用:hover选择器。

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

score 1 · Accepted Answer

1

你可以这样做：

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

于 2013-01-29T17:22:26.497 回答

3 回答 3