CSS Box Shadow Generator

No. All box-shadow calculations happen entirely in your browser.

Up to 10 layers. A minimum of 1 layer is required.

With inset enabled, the shadow is drawn inside the element instead of outside. Use it for pressed/sunken looks and inner glows.

A design style where elements appear extruded from the background material. It combines two shadows — one light, one dark — to create the effect.