Generatore di Text Shadow
Il generatore di text-shadow CSS imposta offset, sfocatura, colore e opacità dell'ombra del testo con anteprima in tempo reale e ti permette di sovrapporre più livelli di ombra per effetti glow, contorno e testo 3D.
Informazioni su questo strumento
Il generatore di text-shadow CSS imposta offset, sfocatura, colore e opacità dell'ombra del testo con anteprima in tempo reale e ti permette di sovrapporre più livelli di ombra per effetti glow, contorno e testo 3D.
Come si usa
- Regola offset orizzontale e verticale e sfocatura.
- Scegli colore e opacità dell'ombra, oltre al colore e alla dimensione del testo.
- Clicca Add Layer per aggiungere un'altra ombra; Reset Layers ricomincia da capo.
- Clicca Copy CSS.
Da sapere
- La sintassi di text-shadow è: offset-x offset-y blur-radius color.
- A differenza di box-shadow, text-shadow non ha il valore spread né la parola chiave inset.
- Le ombre multiple sono separate da virgole e la prima viene disegnata in cima.
- Un'ombra con offset zero e sfocatura crea un effetto glow.
- Sovrapporre diversi offset da 1 px crea un effetto 3D o letterpress.
Funziona interamente nel tuo browser: nulla di ciò che inserisci viene caricato o salvato.
Domande frequenti
Come aggiungo un'ombra al testo in CSS?
Usa text-shadow, per esempio text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
Come creo un testo luminoso?
Usa offset zero con una sfocatura e un colore acceso, per esempio text-shadow: 0 0 8px #1db954; sovrapponi più livelli per un glow più intenso.
Posso usare più di un text-shadow?
Sì. Separa le ombre con virgole; questo strumento aggiunge ogni livello per te.
text-shadow influisce sulla leggibilità?
Ombre leggere possono migliorare la leggibilità sulle immagini, ma ombre pesanti riducono la nitidezza: verifica il contrasto con un contrast checker.