---
layout: single
property_name: box-shadow
---
Defines the shadow of the element.
Removes any box-shadow that was applied to the element.
You need at least two values: The shadow color will be inherited from the text color.
You can define a color as the last value. As with
The optional third value defines the blur of the shadow. The color will be diffused across 10px in this example, from opaque to transparent.
The optional fourth value defines the spread of the shadow. The spread defines how much the shadow should grow: it enhances the shadow.
#box-shadow
default
box-shadow: none;
box-shadow: 2px 6px;
box-shadow: 2px 6px red;
color, you can use color names, hexadecimal, rgb, hsl...box-shadow: 2px 4px 10px red;
box-shadow: 2px 4px 10px 4px red;