6XC

Generatore di Ombra del Testo CSS

Progetta un text-shadow con offset, sfocatura, colore e opacità — anteprima dal vivo su testo di esempio.

940 visualizzazioni

Titolo di Esempio

La Proprietà text-shadow

Sintassi: text-shadow: x y sfocatura colore (nessuna diffusione, a differenza di box-shadow). Ombre sottili fanno risaltare i titoli dalla pagina; offset forti con sfocatura zero creano stili retro "ombra dura"; e più ombre separate da virgole possono simulare contorni ed effetti neon.

Domande Frequenti

Come creo un effetto neon?

Usa offset a zero e impila ombre con sfocatura crescente in un colore brillante: 0 0 6px, 0 0 12px, 0 0 24px — tutte nel colore del bagliore, su uno sfondo scuro.

text-shadow influisce sull'accessibilità?

Ombre pesanti possono compromettere la leggibilità. Mantieni il testo del corpo senza ombra e riserva gli effetti ai titoli grandi; controlla sempre il contrasto dopo averli applicati.

Strumenti Simili

Generatore di Gradienti CSS Progetta gradienti CSS lineari, radiali e conici con anteprima dal vivo e copia il codice. Genera Generatore di Ombre CSS (Box Shadow) Progetta una box-shadow visivamente — offset, sfocatura, espansione, colore, opacità e inset — con anteprima dal vivo. Genera Generatore di Border Radius CSS Arrotonda ogni angolo singolarmente o tutti insieme, in px o %, con anteprima dal vivo e CSS copiabile. Genera Generatore CSS Glassmorphism Progetta un effetto vetro (glassmorphism) con anteprima dal vivo — regola sfocatura, trasparenza, tinta e bordo, poi copia il CSS. Genera