w3docs logo
Log in

Box shadow

CSS Style

CSS Preview

Box Shadow 
{
    -moz-box-shadow:  10px 10px 25px #333333;
    -webkit-box-shadow:  10px 10px 25px #333333;
    box-shadow:  10px 10px 25px #333333;
}
Do you find this helpful?

CSS Box Shadow Maker

The box-shadow property allows to implement multiple shadows around the box specifying values for color, size, blur, offset and inset. This tool helps you create awesome drop shadows for your box. Give your box inner shadow just by one click. Set the horizontal. A positive value gives the shadow on the right side of the box, a negative value gives the shadow on the left side of the box, and the vertical length of the shadow. A positive value gives the shadow below the box, a negative value gives the shadow above the box. Also, specify how blurry your box should be. The higher the number, the more blurred the shadow will be. Pick any color you want.