[One day to learn a CSS3 attribute] bis: Box-shadow

Today is busy, not good to look at new things, just record a common CSS3 attribute bar: Box-shadow, the Shadow, if the Border-radius fillet is set, then the shadow is rounded

Box-shadow is currently a property supported by IE9 and above and other modern browsers.

Grammar:

Formal Syntax:none | [Inset && [<offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>?]] #

Value:

Inset: Indicates that the shadow is inside the border (even without a border), above the background, under content;

Offset-x and offset-y: Offset, positive value indicates left and downward;

Blur-radius: Blur radius, default 0, cannot be negative;

Spread-radius: The positive shadow expands, the negative value is reduced, the default is 0.

Color: Colors that are undefined are determined by the browser.

[One day to learn a CSS3 attribute] bis: Box-shadow