面板的框阴影

Question

我有以下 css 属性 定义：

box-shadow: #CCCCCC x2 y2 blur2;

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

Answer 1

请关注这张定义了阴影的图片

Answer 2

用实际值替换 x2、y2、blur2。

看看这个 fiddle。

这是片段

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

<div></div>