Generador de Box Shadow
Crea sombras CSS visualmente con multiples capas, controles de color y opacidad, y copia el codigo al instante.
Capas de sombra
Capa 1
0.15
Interior
Predefinidos
Vista previa
Codigo CSS
Ctrl+Enter ejecutarCtrl+Shift+C copiar
Más información
Generador de Box Shadow: Diseña sombras CSS visualmente
Crea sombras CSS complejas con un editor visual. Múltiples capas y preajustes.
¿Qué es CSS box-shadow?
La propiedad CSS box-shadow añade efectos de sombra alrededor del marco de un elemento. Es una de las propiedades CSS más utilizadas para crear profundidad y jerarquía visual en el diseño web. Una sola declaración box-shadow puede incluir desplazamientos horizontales y verticales, radio de desenfoque, radio de expansión y color.
7 min de lecturaLeer la guía completa