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?

What are `x2`,`y2` and `blur2`? – m4n0 Sep 01 '15 at 06:57 — m4n0, Sep 01 '15 at 06:57

score 1 · Answer 1 · answered Sep 01 '15 at 06:58

1

Please follow this image which has defined the shadow

answered Sep 01 '15 at 06:58

Atul Bhalerao

score 1 · Accepted Answer · answered Sep 01 '15 at 06:58

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>

answered Sep 01 '15 at 06:58

Shrinivas Shukla

2 Answers2