Generatore text-shadow CSS
Genera CSS text-shadow visivamente con anteprima dal vivo. Supporta livelli multipli. Regola offset, sfocatura, colore e opacità. Copia il codice CSS. Gratuito, 100% nel browser.
Anteprima
Codice CSS
Riferimento
Cos'è CSS text-shadow?
La proprietà text-shadow aggiunge un effetto ombra al testo. Si definisce con quattro valori: offset orizzontale, offset verticale, raggio di sfocatura e colore. Separando con virgole, si possono sovrapporre più ombre per creare effetti complessi come bagliori e neon.
Sintassi
Sintassi base — text-shadow: offsetX offsetY blur color. Ombre multiple — si possono specificare più ombre separate da virgole. Le ombre scritte per prime appaiono in primo piano. Nessuna — text-shadow: none per disabilitare l'ombra.
Consigli di design
Ombra sottile — offset piccoli e sfocatura bassa per un leggero effetto tridimensionale. Effetto bagliore — offset 0, grande raggio di sfocatura e colore chiaro per un effetto neon. Letterpress — ombra bianca di 1px sotto il testo per effetto rilievo. Livelli multipli — sovrapporre più ombre per effetti testuali ricchi.
Privacy
Tutta la generazione avviene al 100% nel tuo browser. Nessun dato viene inviato a server.