Generatore Text Shadow CSS Gratis: Ombra Testo Visuale Online
19 utilizzi2px
2px
4px
50%
Hello World
Consigli Text Shadow
Ombra visuale
X/Y offset, blur e colore. Anteprima in tempo reale.
CSS pronto
text-shadow generato automaticamente.
Colore e diffusione
Qualsiasi colore con opacità. Più blur = più morbida.
Domande Frequenti
Come funziona?
text-shadow: X Y blur colore.
Ombre multiple?
Sì in CSS, separate da virgola.
A cosa serve?
Titoli, testo su immagini, effetti neon.
Questo strumento creerà ombre che sembreranno pixelate o sfocate su diverse risoluzioni dello schermo?
No, non lo farà. Il generatore crea proprietà CSS `text-shadow` standard. Queste sono basate su vettori e scalano con il tuo testo. Otterrai ombre nitide sui display ad alta risoluzione e ombre standard altrove. Assicurati solo che la dimensione del tuo carattere base sia impostata in modo appropriato.
L'ordine dei valori dell'ombra è importante?
Sì, assolutamente. Il CSS legge i valori di text-shadow in una sequenza precisa: offset X, offset Y, raggio di sfocatura e poi colore. Se li mischi, l'ombra si rompe o si comporta in modo imprevisto. Ad esempio, '2px 2px 4px #000' funziona correttamente, ma '2px 4px #000 2px' non verrà renderizzato come previsto. Il generatore impone automaticamente quest'ordine, così puoi copiare il codice senza pensarci due volte.
Come Usare
- Scrivi testo anteprima
- Regola X, Y, blur
- Scegli colore
- Anteprima in tempo reale
- Copia CSS