Generador de Sombra de Caja CSS

Genera box-shadow CSS con editor visual

Procesamiento en el NavegadorTus datos nunca salen de tu navegador

Shadow Layers

Shadow 1 Settings

Offset X5px
Offset Y5px
Blur Radius15px
Spread Radius0px
Color
Opacity30%
Inset Shadow

Preview Settings

Background:
Box Color:
Border Radius:
px

CSS 

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);

Presets

About Generador de Sombra de Caja CSS

Genera box-shadow CSS con editor visual

Use this free online generadores css tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

Herramientas Relacionadas

Generador de Degradados CSSCrea hermosos degradados CSS lineales y radiales
Generador de Sombra de Texto CSSGenera efectos text-shadow CSS visualmente
Generador de Border Radius CSSCrea border-radius personalizado con editor visual
Generador de Clip Path CSSCrea formas clip-path CSS visualmente