box-shadow
suggest changeSyntax
- box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;
Parameters
Parameters | Details |
—— | —— |
inset | by default, the shadow is treated as a drop shadow. the inset keyword draws the shadow inside the frame/border. |
offset-x | the horizontal distance |
offset-y | the vertical distance |
blur-radius | 0 by default. value cannot be negative. the bigger the value, the bigger and lighter the shadow becomes. |
spread-radius | 0 by default. positive values will cause the shadow to expand. negative values will cause the shadow to shrink. |
color | can be of various notations: a color keyword, hexadecimal, rgb()
, rgba()
, hsl()
, hsla()
|
Remarks
Browser Support:
- Chrome 10.0
- IE 9.0
- Firefox 4.0 3.5 -moz
- Safari 5.1 3.1 -webkit-
- Opera 10.5
Found a mistake? Have a question or improvement idea?
Let me know.
Table Of Contents