Generador de sombras CSS
Crea sombras de caja suaves y copia la propiedad box-shadow.
Espacio de trabajo · Generador de sombras CSS
box-shadow: 0px 10px 30px 0px rgba(23, 25, 28, 0.18);
Cómo se usa
Configura las opciones o pega la lista de entrada.
El resultado se actualiza al instante o al pulsar el botón de generar, según la herramienta.
Copia el resultado; no se envía nada a un servidor.
Ejemplos
Sombra sutil
0 10px 30px rgba(0,0,0,0.08).
Sombra marcada
Aumenta el desplazamiento y la opacidad para elevar la tarjeta.
Lo que conviene saber
Ajusta el desplazamiento horizontal y vertical, el desenfoque, la expansión y el color. La vista previa se actualiza al instante y puedes copiar la regla box-shadow completa.
Preguntas frecuentes
Herramientas relacionadas
Otras herramientas que pueden servirte para tareas similares.
Generador de degradados CSS
Diseña degradados lineales o radiales y copia el CSS.
Generador de paletas de colores
Crea paletas armónicas y copia los códigos HEX.
Selector de colores
Elige un color y obtén su código HEX, RGB y HSL, con tonos y contraste.