使用渐变放置阴影CSS

我正在做一个使用HTML和CSS的项目，我想在这个网站上复制类似的东西

围绕容器div顶部的阴影，更重要的是，如何在阴影上获得渐变，使其向底部淡出？我知道如何得到真实的阴影

---

干杯

使用纯CSS无法做到这一点。你链接的站点使用了一个大图像来实现这一点：-你需要做一些类似的事情来获得相同的效果。

很显然，他们使用背景图像（）来实现这一目的。但是你也可以在主体之前添加一些元素（可能是伪元素），并给它们一个渐变作为背景

#bg-element-left {
    /* background-gradient from top right to bottom left */
}

#main content {
    /* styled as you wish */
}

#bg-element-right {
    /* background-gradient from top left to bottom right */
}

---

你太棒了！谢谢你抽出时间，非常感谢。