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

Question

有没有办法在方形图像(例如图像中的图像)下方创建圆角阴影效果？

我也在看这个网站,说这种效果是可能的,但他们对代码实现的描述真的很模糊.

Answer 1

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

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

然后我垂直向下移动阴影直到我对它显示的阴影感到满意.

在这里演示