back

Box-Shadow

This is used to add a shadow to a box.

It uses the following values:
(1) Horizontal offset, this is used to set the position of the horizontal shadow, positive for the right side and negative for the left side.
(2) Vertical offset, this sets the position of the vertical shadow, positive for the bottom, negative for the top.
(3) Blur, the third value is optional and sets the blur radius, 0 is sharp and larger values increase the blur.
(4) Spread, this is also optional and sets the spread distance, the spread is the size of the shadow.
(5) Color, this is optional and sets the colour of the shadow, the default colour is black.
(6) Inset, if the word 'inset' is added then the shadow changes from an outer box shadow to an inner box shadow.

You can also set 'None' as a value, this means that there will be no shadow.

You can specify multiple shadows by separating them with commas.

Example