Box shadow for panel

Question

I have following css property defined:

box-shadow: #CCCCCC x2 y2 blur2;

But, when I run on browser, it says invalid property / value. What's wrong here?

Answer 1

replace x2, y2, blur2 with actual values.

Check out this fiddle.

Here is the snippet

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

<div></div>