Generador CSS Box Shadow

Crea efectos de sombra CSS visualmente con vista previa en tiempo real.

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

Generador CSS Border Radius

Genera valores CSS border-radius visualmente con vista previa en tiempo real.

ES: Color Picker & Converter

ES: 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.