CSS3 box-shadow Property
Add a container shadow to a <div> element:
box-shadow: 15px 12px 5px #FF0000;
Definition and Usage how
The box-shadow property joins at least one shadows to an element.
|Animatable:||yes. < animatable|
The numbers in the table indicate the primary program form that completely bolsters the property.
Numbers pursued by - webkit-or - moz-indicate the principal form that worked with a prefix.
4.0 - webkit-
3.5 - moz-
3.1 - webkit-
Note: The crate shadow property appends at least one shadows to an
component. The property is a comma-isolated rundown of shadows, each predetermined by 2-4
length esteems, a discretionary shading, and a discretionary inset catchphrase. Excluded
lengths are 0.
|none||Default esteem. No shadow is displayed|
|h-shadow||Required. The situation of the flat shadow. Negative qualities are allowed|
|v-shadow||Required. The situation of the vertical shadow. Negative qualities are allowed|
|blur||Optional. The haze distance|
|spread||Optional. The extent of shadow. Negative qualities are allowed|
|color||Optional. The shade of the shadow. The default esteem is dark. Take a gander at CSS Color Values
for a total rundown of conceivable shading values.
Note: In Safari (on PC) the shading parameter is required. On the off chance that you don't determine the shading, the shadow isn't shown at all.
|inset||Optional. Changes the shadow from an external shadow (start) to an inward shadow|
|initial||Sets this property to its default esteem. initial|
|inherit||Inherits this property from its parent component. inherit|