Informazioni su questo strumento
Crea visivamente un box-shadow CSS trascinando i cursori per offset, sfocatura, espansione, colore e opacità, poi copia la regola pronta all'uso. Tutto si aggiorna in tempo reale e funziona interamente nel tuo browser.
Domande frequenti
Cosa fa il valore di espansione (spread)?
L'espansione ingrandisce (valore positivo) o riduce (valore negativo) l'ombra prima dell'applicazione della sfocatura, rendendola più larga o più stretta dell'elemento.
Cos'è un'ombra inset?
Inset disegna l'ombra all'interno dell'elemento invece che all'esterno, utile per pulsanti premuti o bagliori interni.