css - 带有背景剪辑的框阴影 : content-box

Question

我有一个带有一些填充的 div，我正在使用 background-clip: content-box 来应用 background-color。这很有效，但是当我尝试同时应用 box-shadow 时，问题就来了:

是否可以同时表达这两个属性？我也想做类似“box-shadow-clip: content-box”的事情。

Answer 1

您可以使用投影代替框阴影来实现此目的

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