Convertitore gratuito

Generatore di Box Shadow CSS

Genera visivamente CSS box-shadow con anteprima in tempo reale. Aggiungi più livelli di ombra, regola sfocatura, diffusione, colore e inset — gratuito e lato client.

Anteprima in Diretta
Preview
Output CSS
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Livello 1

Offset Orizzontale4px
-50px50px
Offset Verticale4px
-50px50px
Raggio di Sfocatura16px
0px100px
Raggio di Diffusione0px
-50px50px
Colore Ombra
#000000
Opacità25%
0%100%
Inserto
outset

Informazioni su questo strumento

Crea e personalizza contenuti con Box Shadow Generator direttamente nel tuo browser. Configura le tue preferenze, genera l'output e scarica o copia il risultato. Tutto funziona lato client: i tuoi dati rimangono privati ​​e l'elaborazione è immediata.

Come usarlo

  1. Configura le impostazioni e le opzioni in base alle tue esigenze.
  2. Fai clic su Genera per creare il tuo output.
  3. Visualizza l'anteprima del risultato e apporta le modifiche necessarie.
  4. Scarica il file di output o copialo negli appunti.

Domande frequenti

Posso personalizzare l'output generato?
SÌ. Lo strumento fornisce varie opzioni di personalizzazione per adattare l'output alle vostre esigenze specifiche. Regola le impostazioni prima di generare o rigenera con opzioni diverse.
Il contenuto generato è gratuito?
SÌ. Tutto ciò che generi con questo strumento può essere utilizzato per scopi personali, educativi o commerciali senza alcuna restrizione o requisito di attribuzione.
Ciò richiede un account?
No. Lo strumento è pronto per l'uso immediatamente senza registrazione, e-mail o registrazione. Basta aprire la pagina e iniziare a generare.
I miei dati inseriti vengono mantenuti privati?
SÌ. Tutta l'elaborazione avviene nel tuo browser. I tuoi dati di input e l'output generato non vengono mai inviati a nessun server esterno.