Generatore CSS Box Shadow
Configura ombra, sfocatura e distanza con anteprima e CSS pronto da copiare.
Come usare css box-shadow
- Inserisci i dati richiesti o seleziona i file dal tuo dispositivo.
- Personalizza le opzioni e controlla l'anteprima, quando disponibile.
- Clicca su Genera, Converti o Scarica per ottenere il risultato.
Non è necessario registrarsi. Lo strumento opera sul tuo dispositivo; i dati inseriti non vengono inviati ai nostri server.
Elaborazione nel browser
La velocità dipende dal tuo dispositivo e dalla dimensione dei file. Se un file non è supportato, apparirà un messaggio di errore. Prima di elaborare documenti importanti, conserva una copia degli originali.
Le librerie JavaScript utilizzate dagli strumenti sono ospitate su questo sito. Nessun contenuto dei tuoi file viene inviato al server per l’elaborazione.
Quando usare css box-shadow
Regola posizione orizzontale e verticale dell'ombra, sfocatura, estensione, colore e opacità. L'anteprima aggiorna la proprietà CSS box-shadow mentre modifichi i parametri.
Un esempio pratico
Esempio: box-shadow: 10px 15px 25px 0px rgba(38, 72, 134, .25) produce un'ombra esterna morbida.
Limiti da conoscere
Il generatore produce una singola ombra per volta. Per effetti complessi puoi concatenare più valori box-shadow manualmente.
Domanda frequente
Posso creare un'ombra interna?
Sì. Seleziona Ombra interna per aggiungere la parola chiave inset al CSS.