来自inspect的框阴影属性

Question

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

但是盒子阴影有一个问题。

来自检查的值是：

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-功能

或

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

阅读更多

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