Vai al contenuto principale

I pulsanti interattivi e le indicazioni di input possono essere mostrati attualmente in inglese.

Strumenti

Generatore di ombre CSS

Usa Generatore di ombre CSS per inserire lo spostamento, la sfocatura, l’estensione e il colore e ottenere un’anteprima dell’ombra e il codice CSS subito, senza installazione né account.

Generatore di ombre CSS elabora input e file soltanto in questo browser e non li invia a servizi esterni.

Preview
px
10%
Layer 1
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);

Come si usa

Generatore di ombre CSS è uno strumento nel browser che riceve lo spostamento, la sfocatura, l’estensione e il colore e produce un’anteprima dell’ombra e il codice CSS. Puoi controllare opzioni e risultato senza lasciare la pagina. Esempio pratico: 0 8px 24px rgba(0,0,0,.2).

  1. Configura lo spostamento, la sfocatura, l’estensione e il colore in Generatore di ombre CSS.
  2. Regola le impostazioni mentre controlli l’anteprima in tempo reale.
  3. Seleziona Copia per copiare il risultato.

Risultato

  • Esempio di Generatore di ombre CSS: 0 8px 24px rgba(0,0,0,.2)

Limitazioni

  • Limite di Generatore di ombre CSS: Ombre marcate possono ridurre leggibilità e prestazioni. Confronta i risultati importanti con la fonte originale.

Privacy

Generatore di ombre CSS elabora input e file soltanto in questo browser e non li invia a servizi esterni.

Domande frequenti

Che cosa produce Generatore di ombre CSS?

Usa i dati inseriti e le opzioni scelte per produrre un’anteprima dell’ombra e il codice CSS.

Posso usare sempre il risultato di Generatore di ombre CSS?

Ombre marcate possono ridurre leggibilità e prestazioni. Controlla il risultato prima di un uso importante.

🔧 Strumenti correlati