Buscar

Inicio › Diseño › Sombras CSS (box-shadow)

Generador de box-shadow

Sombra CSS con todos los parámetros.

Empieza con Sombras CSS (box-shadow)

  1. Ajusta los parámetros de la sombra.
  2. Copia el código CSS.

Resultado de ejemplo

Datos de referencia:

  • Desplazamiento X: 0 px
  • Desplazamiento Y: 8 px
  • Desenfoque: 24 px
  • Expansión: 0 px
  • Color: #000000
  • Opacidad: 15 %

Resultado:

CSS:

box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);

Información útil

¿Cómo hago una sombra suave?
Desplazamiento pequeño, desenfoque grande (20-40 px) y opacidad baja (10-20 %).