来自检查的框阴影 属性

Question

我需要复制一个页面，所以我用检查模式打开页面以查看它的外观，以便复制 css 样式。

但是box-shadow有问题

inspect 的值是这样的：

box-shadow: rgb(13 13 13 / 10%) 0px 0.25rem 0.375rem 0px;

当我将它添加到我的代码（scss 文件）时，它抛出了这个错误：

SassError: Function rgb is missing argument $green.

为什么会这样，如何解决？

Answer 1

好像是这样工作的：

box-shadow: rgba(13, 13, 13, 0.1) 0px 0.25rem 0.375rem 0px;

Answer 2

改用 RGBA 或 8 位十六进制颜色

box-shadow: rgba(13, 13, 13, 0.1) 0px 0.25rem 0.375rem 0px;

阅读更多

https://www.w3.org/TR/css-color-4/#rgb-functions

或

box-shadow: #0d0d0d1a 0px 0.25rem 0.375rem 0px;

阅读更多

https://www.w3.org/TR/css-color-4/#hex-notation