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);
}