CSS box-shadow generator!

{
-webkit-box-shadow: 7px 7px 5px 0 rgba(50, 50, 50, 0,75);
-moz-box-shadow: 7px 7px 5px 0 rgba(50, 50, 50, 0,75);
box-shadow: 7px 7px 5px 0 rgba(50, 50, 50, 0,75);
}
								

Customize

Box-shadow settings

Box settings

CSS box-shadow generator

The box shadow in CSS is used in casting shadows of block-level elements (like divs).

The css syntax is made up like this:

box-shadow: none|h-offset v-offset blur spread color|inset|initial|inherit;
  • none – Default value. No shadow is displayed
  • h-offset – Required. The horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box
  • v-offset – Required. The vertical offset of the shadow. A positive value puts the shadow below the box, a negative value puts the shadow above the box
  • blur – Optional. The blur radius. The higher the number, the more blurred the shadow will be
  • spread – Optional. The spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow
  • color – Optional. The color of the shadow. The default value is the text color. Look at CSS Color Values for a complete list of possible color values.
  • inset – Optional. Changes the shadow from an outer shadow (outset) to an inner shadow
  • initial – Sets this property to its default value.
  • inherit –Inherits this property from its parent element.