🌓 Generador de Sombras CSS

Crea box-shadow y text-shadow con editor visual

Vista Previa

Preview

Color de fondo

Border radius: 12px

CSS

box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);

Tipo de Sombra

Capas (1/5)

Capa 1

Offset X: 0px

Offset Y: 4px

Blur: 12px

Spread: 0px

Color

Opacidad: 10%

Inset (sombra interior)

↔️

Desplazamiento horizontal y vertical de la sombra respecto al elemento

🌫️

Desenfoque de la sombra. Mayor valor = más suave y difusa

⭕

Expansión de la sombra. Valores positivos la agrandan, negativos la reducen