Generatore CSS di ombre di testo online

Crea straordinari effetti di testo sfumati per il tuo sito web

Controls

2
2
4
50

Ombre multiple

Preset popolari

Preview

Text Shadow Demo

Informazioni sul generatore di ombre di testo

Facile da usare

Genera bellissime ombre di testo con la nostra interfaccia intuitiva. Non è richiesta alcuna conoscenza di CSS!

Completamente reattivo

Funziona perfettamente su tutti i dispositivi, dai telefoni cellulari ai computer desktop.

Ottieni codice CSS pulito e pronto per la produzione che puoi utilizzare immediatamente nei tuoi progetti.

Come utilizzare il generatore di ombre del testo

1

Regolare i cursori

Modifica l'offset orizzontale, l'offset verticale, il raggio di sfocatura e l'opacità per creare l'ombra perfetta.

2

Scegli un colore

Scegli qualsiasi colore per l'ombra del testo utilizzando il selettore di colori o l'input del codice esadecimale.

3

Visualizza l'anteprima del tuo design

Guarda come appare l'ombra del testo in tempo reale con la nostra anteprima interattiva.

4

Copia il CSS

Fai clic sul pulsante Copia per ottenere il codice CSS generato e utilizzarlo nel tuo progetto.

Esempi popolari di ombre di testo

Effetto bagliore al neon

Effetto bagliore al neon

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

Effetto testo 3D

Effetto testo 3D

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

Ombra sottile

Ombra sottile

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

Ombra interiore

Ombra interiore

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools