html - 不透明度 75% 和 5px 的 css 内阴影（与 psd 中相同）

Question

我有一个 PSD 文件，其中有一个带有内部阴影的元素。

内阴影效果的混合模式为“正片叠底”，颜色为“黑色”，不透明度为75%，大小为5px。

我发现我可以通过以下方式制作内阴影：

-moz-box-shadow:    inset 0 0 5px #000000;
-webkit-box-shadow: inset 0 0 5px #000000;
box-shadow:         inset 0 0 5px #000000;

但是，这并没有考虑不透明度 75%。有没有办法设置不透明度？

Answer 1

如果要为 box-shadow 添加不透明度，则必须使用 rgba。在您的示例中，您必须这样做：

-moz-box-shadow:    inset 0 0 5px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.75);
box-shadow:         inset 0 0 5px rgba(0,0,0,0.75);

最后一个数字是不透明度，前三个是颜色（在本例中为黑色）。