css在方形图像下创建圆形阴影答案

【问题标题】：css create rounded shadow under a square imagecss在方形图像下创建圆形阴影
【发布时间】：2012-12-13 05:01:31
【问题描述】：

有没有一种方法可以在正方形图像（例如图像中的图像）下方创建圆形阴影效果？

我也在看this website，它说这种效果是可能的，但是他们对代码实现的描述真的很模棱两可。

【问题讨论】：

这是可能性，但使用 jQuery Shadow：syddev.com/jquery.shadow 这是使用 Css3 的可能性：nicolasgallagher.com/css-drop-shadows-without-images/demo
查看页面来源即可。
您能否向我解释一下如何在图像上实现“凸起”框阴影效果。我只问这个是因为他们的代码很难遵循。谢谢

【解决方案1】：

我想我明白了。我基本上使用了 Box Shadow 的 spread 属性来缩小它的宽度，使其小于与之关联的元素。它是这段代码中的第四个 px 元素：

box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);

然后我将阴影垂直向下移动，直到我对它显示的阴影感到满意为止。

【讨论】：