box-shadow
The box-shadow CSS property adds shadow effects around an element’s frame.
Property Values:
- Offset-X Offset-Y : These are two <length> values to set the shadow offset. <offset-x> specifies the horizontal distance. <offset-y> specifies the vertical distance.
- Blur-radius : The larger this value, the bigger the blur, so the shadow becomes bigger and lighter.
- Spread-radius : Positive values will cause the shadow to expand and grow bigger, negative values will cause the shadow to shrink.
- Color : For the set color of the shadow.
- Global keywords:| inset |initial | inherit;
div{
/* offset-x | offset-y | blur-radius | spread-radius | color */
box-shadow: 2px 2px 2px 1px blue);
}