面板的框阴影

Question

我有以下css属性定义：

box-shadow：#CCCCCC x2 y2 blur2;

但是，当我在浏览器上运行时，它表示无效的属性/值。这有什么不对？

Answer 1

请按照此图片定义阴影

Answer 2

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

请查看 fiddle 。

这是片段

＆＃13;

＆＃13;

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

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;