Generador de Sombra CSS
Genera sombras CSS con box-shadow visualmente: ajusta offset, blur, spread y color en tiempo real, copia el código CSS con un clic.
Todo el procesamiento ocurre en tu navegador — nada se sube a un servidor
水平偏移4px
垂直偏移4px
模糊半径12px
扩展半径0px
透明度20%
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.20);Preguntas frecuentes
¿El CSS generado sirve para producción?
Sí. Cumple los estándares W3C y funciona en todos los navegadores modernos (IE9+). Pega directamente en .css, style inline o styled-components.
¿Soporta múltiples sombras apiladas?
Sí. Apila capas ilimitadas (separadas por coma), cada una con color, desenfoque, expansión, offset X/Y e inset independientes — ideal para neumorfismo, glassmorphism o botones con profundidad.
Las sombras se ven planas en modo oscuro, ¿qué hago?
Las sombras negras pierden contraste en fondos oscuros. Prueba sombras blancas con baja opacidad (ej. `rgba(255,255,255,0.1)`) para un halo sutil, o colores de marca desaturados para mantener profundidad.