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