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

时间:2012-12-27 20:28:43

标签: html css image shadow

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

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

enter image description here

1 个答案:

答案 0 :(得分:7)

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

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

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

Demo Here