CSS Box Shadow Generator

Diseña la sombra perfecta ajustando ejes, desenfoque y opacidad con previsualización en vivo.

Desplazamiento Horizontal (X): 10px

Desplazamiento Vertical (Y): 10px

Desenfoque (Blur): 20px

Propagación (Spread): 0px

Color de Sombra:

Opacidad: 0.5

Sombra Interior (Inset)

Regla CSS:

Sombra perfectas en segundos

La propiedad box-shadow de CSS3 acepta hasta 6 parámetros: offset-x, offset-y, blur-radius, spread-radius, color y un modificador opcional 'inset'. Moviendos los controles generamos dinámicamente el valor en formato RGBA para que puedas inyectarlo en tus estilos sin preocuparte por el alfa manual.