# Shadow Box Explained

**BOX SHADOW POSITION, BLUR AND SPREAD** 

box-shadow: -2px 2px 43px 3px rgba(165,2,250,0.7);

-2px(horizontal) 2px(vertical) 43px(blur radius) 3px(spread radius)

**RGBA**

rgba (165-R, 2-G, 250-B, 0.7-Opacity 70%)


```
-webkit-box-shadow: -2px 2px 43px 3px rgba(165,2,250,0.7);
-moz-box-shadow: -2px 2px 43px 3px rgba(165,2,250,0.7);
box-shadow: -2px 2px 43px 3px rgba(165,2,250,0.7);
```