CSS generatore di ombre a scatola
Genera un'ombra box CSS con un'anteprima dal vivo e un codice pronto per la copia.
🔒 100 % lato client — nessun dato inviato
Genera un box-shadow CSS con un'anteprima dal vivo e prendi il codice pronto per la copia per il tuo progetto. Regola l'offset, la sfocatura, la diffusione, il colore e l'inserimento per creare effetti di profondità raffinati. Tutto viene calcolato nel tuo browser, senza registrazione e senza dati inviati.
FAQ
Come funziona la proprietà box-shadow?
box-shadow prende un offset orizzontale e verticale, un raggio di sfocatura, uno spread e un colore, ad esempio: box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.2);
Come posso creare un'ombra interna (riquadro)?
Aggiungi la parola chiave inset prima dei valori dell'ombra per proiettarla all'interno dell'elemento anziché all'esterno.
Posso applicare più ombre a un elemento?
Sì, basta separare ciascuna ombra con una virgola nella stessa dichiarazione box-shadow per sovrapporle.
Qual è la differenza tra sfocatura e diffusione?
La sfocatura ammorbidisce i bordi dell'ombra, mentre la diffusione ne aumenta o riduce le dimensioni prima che venga applicata la sfocatura.