Generatore text-shadow CSS

Generatore text-shadow CSS

Crea una dichiarazione CSS text-shadow regolando offset, sfocatura, colore e opacità mentre vedi il valore aggiornarsi in tempo reale. Lo strumento assembla uno o più strati di ombra nell'ordine corretto e nella sintassi separata da virgole, così puoi copiare una dichiarazione funzionante direttamente nel tuo foglio di stile senza modificare manualmente i numeri.

Scegli un preset per andare direttamente a un effetto comune: il bagliore neon impila anelli di sfocatura che si dissolvono dolcemente sul glifo; l'inciso aggiunge un riflesso chiaro opposto a un'ombra scura per un aspetto timbrato e inciso; 3D stratificato ripete un colore solido senza sfocatura lungo l'offset per un effetto di lettere a blocchi impilate; il contorno finge un tratto usando otto ombre senza sfocatura intorno al testo, poiché text-shadow non ha una proprietà stroke nativa. Torna a Personalizzato per il controllo completo su offset X e Y, raggio di sfocatura, numero di strati, colore e opacità — ogni strato cresce dai valori base che imposti. Scegli tra unità px e rem, e tra una dichiarazione CSS semplice o una classe di valore arbitrario Tailwind per progetti che non hanno un foglio di stile da incollare.

Il valore generato non ha un limite di dimensione significativo per pochi strati, ma lo strumento protegge comunque dall'output incontrollato come fa ogni generatore su questo sito, quindi un input patologico non può mai bloccare la scheda. Ogni opzione ricalcola il risultato dal vivo con un breve ritardo, con il conteggio sottostante che riporta il numero di strati e la lunghezza esatta in caratteri della dichiarazione.

Tutto viene eseguito localmente nel tuo browser. Nessuna scelta di colore, offset o preset viene mai inviata altrove — lo strumento calcola il CSS interamente sul tuo dispositivo. Quando sei soddisfatto del risultato, copialo, scaricalo come file .txt, o rimanda l'output all'input per continuare a perfezionarlo.

FAQ