Generador de sombras CSS box-shadow
Diseña sombras para tarjetas y botones con vista previa en vivo.
Ajustes predefinidos
Acerca de esta herramienta
Añade una o varias capas de sombra y modifica el desplazamiento horizontal y vertical, el desenfoque, la expansión y el color de cada una. Activa inset para sombras interiores y cambia el fondo de vista previa.
Comienza con presets de elevación, efecto adhesivo o neumorfismo y copia la propiedad box-shadow final o una clase arbitraria de Tailwind. Comprueba el contraste del diseño final sobre el fondo real.