Diseña sombras CSS multicapa naturales con física de luz y ajustes preestablecidos de Tailwind
Carga sombras multicapa para componentes modernos de interfaz
Ajusta elevación, capas, desenfoque ambiental y ángulo de la fuente de luz
box-shadow: 0px 1.4px 2.5px -0.5px rgba(15, 23, 42, 0.064), 0px 5.8px 10.4px -1px rgba(15, 23, 42, 0.056), 0px 13.7px 24.7px -1.5px rgba(15, 23, 42, 0.048), 0px 25px 45px -2px rgba(15, 23, 42, 0.041);
// In tailwind.config.js (theme.extend.boxShadow)
boxShadow: {
'layered': `0px 1.4px 2.5px -0.5px rgba(15, 23, 42, 0.064), 0px 5.8px 10.4px -1px rgba(15, 23, 42, 0.056), 0px 13.7px 24.7px -1.5px rgba(15, 23, 42, 0.048), 0px 25px 45px -2px rgba(15, 23, 42, 0.041)`,
}:root {
--shadow-layered: 0px 1.4px 2.5px -0.5px rgba(15, 23, 42, 0.064), 0px 5.8px 10.4px -1px rgba(15, 23, 42, 0.056), 0px 13.7px 24.7px -1.5px rgba(15, 23, 42, 0.048), 0px 25px 45px -2px rgba(15, 23, 42, 0.041);
}