Generatore di Box Shadow CSS

Regola gli scostamenti orizzontale e verticale, la sfocatura, l'espansione, il colore e l'opacità, e attiva inset se vuoi che l'ombra venga disegnata dentro l'elemento. L'anteprima dal vivo si aggiorna all'istante a ogni modifica, e il CSS generato appare sotto per copiarlo con un clic.

No. Tutto avviene interamente nel tuo browser con puro JavaScript, così né le impostazioni, né i colori, né il CSS generato vengono mai inviati a un server. Lo strumento funziona offline una volta caricato, il che mantiene il tuo lavoro totalmente privato.

La sfocatura ammorbidisce i bordi dell'ombra (valori maggiori danno bordi più sfumati), mentre l'espansione ingrandisce o rimpicciolisce l'ombra prima di applicare la sfocatura. Inset inverte l'ombra per disegnarla dentro il riquadro invece che fuori, utile per effetti di pressione o incavo.