Generatore CSS box-shadow
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);Drop Shadow
Ultimo aggiornamento: 2026 · Strumento online gratuito
Cos'è Generatore CSS box-shadow?
Editor visuale online gratuito per creare CSS box-shadow e copiare il codice
Come usare
- 1 Seleziona preset — Inizia rapidamente con un pulsante preset.
- 2 Regola cursori — Regola l'ombra con i cursori offset X/Y, sfocatura e diffusione.
- 3 Anteprima — Controlla il risultato in tempo reale nell'anteprima sopra.
- 4 Copia CSS — Usa il pulsante di copia per ottenere il CSS box-shadow.
Strumenti correlati
Domande frequenti
Sì, usa il pulsante 'Aggiungi ombra' per sovrapporre più ombre.
Sì, attiva la casella Inset su ogni ombra per creare un'ombra interna.
Cinque preset sono forniti: Subtle, Medium, Large, Inset e Double.
Sì, puoi inserire direttamente rgba(0,0,0,0.15) nel campo colore.
No. Tutti i calcoli avvengono nel browser.