无效的框阴影属性值

Question

我在使用 inset 属性时遇到了问题，我在检查时收到了无效属性值的错误，我的代码运行良好，但它拒绝应用于我的浏览器。enter image description here

这是我的代码

div {
  padding: 5px 10px;
  box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px -8px #fff;
  border-radius: 20px;
}

<div></div>

Answer 1

您为阴影模糊指定了一个负值，这是无效的。

div {
  padding: 5px 10px;
  box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
  border-radius: 20px;
  width: 50px;
  height: 50px;
}

<div></div>