如何在我的网站上应用此模糊效果

Question

如何在水平紫色下面应用this soft shadow effect。行，我想在我的网站上使用此效果。我使用了盒子阴影，但它没有用。

Answer 1

我可以模仿你的样本图片中的效果。

这就是我所做的。

HTML

<div id="outer">
    <div id="inner"></div>
</div>

CSS

#outer{
    width:300px;
    height:300px;
    background:#383142;
}
#inner{
    width:300px;
    height:100px;
    background:#514762;
    box-shadow:0 15px 30px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.12);
}