Understanding CSS Box Shadow
The box-shadow property adds shadow effects around an element's frame. You can set multiple
effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur
and spread radius, and color.
Property Breakdown
- Horizontal Offset (X): Positive values put the shadow on the right side of the box, negative values put the shadow on the left side.
- Vertical Offset (Y): Positive values put the shadow below the box, negative values put the shadow above the box.
- Blur Radius: The higher the number, the more blurred the shadow will be.
- Spread Radius: Positive values increase the size of the shadow, negative values decrease the size.
- Inset: Changes the shadow from an outer shadow (outset) to an inner shadow.
Last Updated: