css - 面板的框阴影

Question

我定义了以下css属性：

盒子阴影：#CCCCCC x2 y2 blur2；

但是，当我在浏览器上运行时，它会显示无效的属性/值。这里有什么问题？

Answer 1

请按照这张定义了阴影的图片

Answer 2

将x2, y2,替换blur2为实际值。

看看这个小提琴。

这是片段

div {
  width: 60px;
  height: 60px;
  background: red;
  box-shadow: #CCCCCC 20px 30px 10px;
}

<div></div>