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>