带背景剪辑的框阴影：内容框

Question

我有一些填充一个div和我使用background-clip: content-box到应用background-color。这就像一个魅力，但当我尝试应用时问题就出现了box-shadow：

有可能说服这两个属性吗？我也想做“box-shadow-clip：content-box”之类的事情。

Answer 1

您可以使用投影代替 box-shadow 来实现此目的

div {
    filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.5));
}