CSS box-shadow: Adding Depth and Visual Interest to Elements

box-shadow is a CSS property that adds a shadow to an element. It's used to create depth and add visual interest to an element.

The 'box-shadow' property can take up to four values, including:

• The horizontal offset of the shadow (positive values will move the shadow to the right, while negative values will move the shadow to the left)

• The vertical offset of the shadow (positive values will move the shadow down, while negative values will move the shadow up)

• The blur radius (the amount of blur applied to the shadow)

• The spread radius (the size of the shadow)

To create a simple 'box-shadow', you can simply use the following syntax:

box-shadow: ;