Box-shadow Introduction
CSS3 can easily add a shadow effect to an element using the Box-shadow property, Box-shadow can set multiple sets of effects, each set of parameter values separated by commas.
Grammar:
box-shadow：x-shadow y-shadow blur spread color inset;
Parameter description:
- X-shadow: Sets the shadow horizontal offset value of an object, which can be px, EM, or percent, allowing negative values.
- Y-shadow: Sets the shadow vertical offset value of an object, which can be px, EM, or percent, allowing negative values.
- Blur: Used to set the border shadow radius size.
- Spread: Extend the radius, set the size of the shadow; This parameter is optional and the default value is 0.
- Color: Sets the colors of the shadow;
- Inset: This parameter is not set by default. By default it is an outer shadow, and inset represents an inner shadow.
Color Shadow:
box-shadow:0px 0px 10px red,2px 2px 10px 10px yellow,4px 4px 12px 12px Green;
C#-webform-css Box-shadow To add a shadow effect to a border
