Tutti gli strumenti

Generatore Box Shadow CSS

Crea ombre CSS multi-layer con anteprima live. Copia il codice pronto all'uso.

#e5e7eb
#ffffff
8%
box
FAQ

Domande frequenti

Posso aggiungere più ombre a un elemento?

Sì, CSS supporta il multi-shadow: basta separare le ombre con la virgola. Esempio: box-shadow: 2px 2px 4px #000, -2px -2px 4px #fff. Le ombre vengono renderizzate nell'ordine in cui sono scritte (la prima è sopra). Questo permette effetti sofisticati come ombre colorate, effetto neumorfico o layer di profondità multipli.

Il parametro spread espande (valore positivo) o contrae (valore negativo) l'ombra prima di applicare il blur. Con spread positivo l'ombra è più grande del box; con spread negativo è più piccola. Utile ad esempio per creare ombre sottili precise oppure per effetti di luce spot in cui l'ombra non deve sporgere dai bordi del box.

La keyword inset fa sì che l'ombra venga disegnata all'interno del box anziché fuori. Invece di proiettarsi verso l'esterno, l'ombra crea un effetto incavato/pressato. È molto usata per bottoni premuti, campi input, effetti neumorfico e qualsiasi situazione in cui si vuole simulare una rientranza nella superficie.

No. Tutti gli strumenti LYNK TOOLS funzionano interamente nel browser, senza inviare file o dati a server esterni. L'elaborazione avviene localmente sul tuo dispositivo: i tuoi file restano privati e non vengono mai caricati online.