Generador de box-shadow CSS

Todas las herramientas
Generador de box-shadow CSS
Crea sombras CSS en capas con controles deslizantes para desplazamiento, desenfoque, extensión, color, opacidad e inset — previsualiza sobre un elemento real y copia el CSS listo al instante.
Vista previa en vivo
Vista previa en vivo
CSS
box-shadow: —;

Todo se actualiza en vivo en tu navegador — sin subidas, sin registro, completamente gratis.

Capas de sombra
px
px
px
px
Color de la sombra
20%
Elemento y lienzo
16px
Presets
Compartir
Herramientas relacionadas
Constructor de firmas de correo

Diseña una firma HTML profesional a partir de 30 plantillas, personalízala y guárdala.
Formateador de código

Embellece HTML, CSS y JavaScript — reindenta y agrega saltos de línea para que el código comprimido o desordenado sea legible.
Generador de códigos QR

Crea un código QR (URL, texto, Wi-Fi, vCard…) como PNG.
Icono a PNG

Convierte Bootstrap Icons, Font Awesome y más en imágenes PNG personalizadas — gratis, en tu navegador.
Generador de iconos de app

Genera un conjunto completo de iconos de app listos para publicar en la App Store y Google Play — fondos premium con degradados, mesh y patrones, creados a partir de tu logo.
Generador de favicons

Crea un paquete completo de favicons a partir de un logo, un icono de fuente o un monograma — favicon.ico, PNG modernos, icono Apple touch, iconos PWA, manifiesto web y fragmento HTML.
Búsquedas populares
generador css box shadow box shadow css generador de sombra online creador css shadow box shadow en capas inset shadow css

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.