Generador de Sombras CSS

Cree hermosas sombras CSS visualmente. Ajuste el desenfoque y el color, luego copie el código.

Generador de Sombra CSS

Preajustes

Color de Caja

#d4d4d8

Color de Fondo

#e4e4e7

Color de Sombra

Opacidad0.25

Sombra Interior (Inset)

Desplazamiento Horizontal10px

Desplazamiento Vertical10px

Radio de Difuminado20px

Radio de Propagación0px

CSS

box-shadow: ;

Caja de Vista Previa

Diseñe sombras perfectas

Cree sombras realistas para sus proyectos web con nuestro Generador de Box Shadow.

Vea los cambios en tiempo real.

Código listo para copiar.

Soporte para Inset.