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

有没有办法在方形图像下创建圆形阴影效果，如图像中的图像？css在方形图像下创建圆形阴影

我也在寻找this website其中说这种效果是可能的，但他们的代码实现的描述是非常模糊的。

enter image description here

2012-12-27 Human

这是可能性，但使用jQuery阴影：http://syddev.com/jquery.shadow/ 这与CSS3的possibitlies：http://nicolasgallagher.com/css-drop-shadows -without-images/demo/ –

只需查看页面的来源。 –

你能否向我解释一下如何在图像上实现“凸起”盒子阴影效果。我只问这个，因为他们的代码很难遵循。谢谢 – Human

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

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

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

2012-12-27 22:12:23 Human

别忘了添加'-webkit-box-shadow'参见：http://www.prowebdesign.ro/round-brush-like-responsive-drop-shadows-with-css3-and-no-images/ –

2014注意：-webkit-box-shadow已被弃用;只需使用箱形阴影 – BAR

回答