Box-shadow Study Notes

CSS3 Simple Learning notes for Box-shadow properties

Syntax format:

Box-shadow:h-shadow v-shadow blur spread color inset;

Value	Describe
H-shadow	Necessary. The position of the horizontal shadow. Negative values are allowed.
V-shadow	Necessary. The position of the vertical shadow, allowing negative values.
Blur	Optional. Blur distance.
Spread	Optional. The size of the shadow.
Color	Optional. The color of the shadow.
Inset	Optional. Changes the outer shadow (outset) to an inner shadow.

A detailed description of each property value:

1. H-shadow: Required. The position of the horizontal shadow. Sets the positive value to the right offset, and sets the negative value to the left offset.

2.v-shadow: Required. The position of the vertical shadow. Setting a positive value is a downward offset, and setting a negative value is an upward offset.

3.blur: Optional.

4.spread: Optional.

5.color: Optional. Supports color of Word format (black, red, pink), RGBA format, and hexadecimal format (#f00).

6.inset: Optional. The default is an outer shadow, which changes to an inner shadow after setting inset.

Box-shadow Property Browser Compatibility:

Query the compatibility of front-end Web properties, point me.

Let's add the rest later.

Box-shadow Study Notes