Générateur CSS Box Shadow

Créez des effets box-shadow CSS visuellement avec prévisualisation en direct.

css box shadow generatorbox shadow toolcss shadowbox-shadow css onlinecss shadow generator

Drag & drop a file here, or click to browse

Options

Horizontal Offset: 4px

Vertical Offset: 4px

Blur Radius: 10px

Spread Radius: 0px

Opacity: 30%

Shadow Color

Inset shadow

Input

Output

Privacy: This tool runs entirely in your browser. No data is sent to our servers. We don't store, share, or have access to any of the information you process here.

Examples

Frequently Asked Questions

Q: Can I add multiple shadows?

A: Currently generates a single shadow. You can manually combine multiple box-shadow values with commas.

Q: What is the spread radius?

A: A positive spread makes the shadow larger than the box; negative makes it smaller.

Q: What does inset do?

A: Inset shadows appear inside the element instead of outside.

Related Tools

Générateur CSS Border Radius

Générez des valeurs CSS border-radius visuellement avec prévisualisation en direct.

FR: Color Picker & Converter

FR: Pick colors from images or screen, convert between HEX, RGB, HSL, CMYK formats, and generate color palettes.

Privacy & Security

This tool runs entirely in your browser. No data is sent to our servers. We don't store, share, or have access to any of the information you process here.