Generador de Sombras CSS
Ajusta deslizadores para dar forma a un box-shadow, apila varias capas para dar profundidad y copia el CSS al instante.
Cada sombra se procesa en tu navegador. Nada de lo que configures aquí se sube a BroBroGo.
Preguntas frecuentes
¿Qué controlan realmente el offset, el blur y el spread?
El offset mueve la sombra a los lados y arriba o abajo, el blur suaviza sus bordes, y el spread la agranda o encoge antes de aplicar el blur. Un spread negativo encoge la sombra hacia dentro, útil para una sombra ajustada y cercana.
¿Qué hace la opción inset?
Una sombra normal cae fuera del elemento, como la luz detrás de una tarjeta elevada. Con inset se invierte hacia dentro, así el elemento parece hundido — útil para campos hundidos o botones presionados.
¿Por qué apilar más de una capa de sombra?
A partir de cierto tamaño, una sola sombra se ve plana. La elevación real suele combinar una sombra ajustada y oscura con otra suave y más amplia: añade una segunda capa y ajusta cada una por separado para lograrlo.