Skip to main content

Generatore CSS Text Shadow

Genera CSS text-shadow con anteprima live. Sovrapponi più ombre con preimpostazioni neon, emboss e altro.

Preimpostazioni

Impostazioni testo

16px120px
#333333
#F1F5F9

Livelli ombra

Livello 1
#000000

Anteprima

Shadow Text

CSS generato

text-shadow: 2px 2px 4px #000000;

Snippet completo

.text-shadow-effect {
  color: #333333;
  font-size: 48px;
  font-family: sans-serif;
  text-shadow: 2px 2px 4px #000000;
}
Condividi strumento
📖

Come usare

Step 1

Inserisci Testo

Inserisci Testo

Inserisci il testo per l'anteprima

Step 2

Regola i Parametri

Regola i Parametri

Regola offset, sfocatura e colore

Step 3

Copia

Copia

Copia il codice CSS per l'utilizzo

Funzionalità

Anteprima Live

Vedi l'effetto text shadow in tempo reale

Ombre Multiple

Sovrapponi più text shadow

Preimpostazioni

Preimpostazioni come neon, emboss e altro

FAQ

text-shadow si applica ai caratteri del testo, box-shadow ai box degli elementi.