CSS Box Shadow Generator

No. All box-shadow calculations run entirely in your browser. Nothing is uploaded or transmitted.

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

Enabling inset makes the shadow appear inside the element instead of outside. Use it for sunken effects or inner glows.

A design style where elements appear to be extruded from the background material. It is achieved by combining two shadows — one light and one dark — applied in opposite directions.