CSS Box Shadow Generator
Horizontal Length：2px
Vertical Length：2px
Blur Radius：5px
Shadow Color：
Background Color：
Inset shadow：YES
NO
What is CSS Box Shadow Generator?
CSS Box Shadow Effect Online Debugging Tool provides online debugging and preview tools for CSS3 Box Shadow effects. You can set CSS3 box shadow properties.until you reach the desired effect.
CSS3 box-shadow property
box-shadow: h-shadow v-shadow blur spread color inset;
Value | Description |
|---|---|
h-shadow | Required. Position of horizontal shadow. Negative values allowed |
v-shadow | Required. Position of vertical shadow. Negative values allowed |
blur | Optional. Blur distance |
spread | Optional. Size of the shadow |
color | Optional. Color of the shadow. Find a full list of color values at CSS Color Values |
inset | Optional. Change the shadow from the outer shadow (at the start) to the inner shadow |