Generatore CSS di ombre di testo online


Text Showdow

Generatore di ombre di testo CSS per persone pigre.

Scegli uno stile predefinito dalla galleria o genera un'ombra di testo con le tue preferenze. Imposta gli attributi desiderati per ottenere il codice CSS.

Sposta l'ombra verso destra/in basso, imposta la sfocatura e l'opacità e scegli un colore dalla tavolozza per ottenere il tuo CSS. Usa l'editor online per modificare manualmente il tuo stile. Segui l'evoluzione della tua ombra nell'anteprima dal vivo dove puoi impostare un testo personalizzato e un colore di sfondo.

 

Spiegazione dell'ombra del testo CSS3 

La proprietà text-shadow CSS3 è una delle tecniche più popolari per migliorare progressivamente il design di un sito web. Sebbene fosse originariamente nella specifica CSS 2.1, è stato ritirato a causa della mancanza di supporto. Tuttavia ora è tornato in CSS 3 e ha un supporto diffuso tra i browser moderni.

Prende quattro valori: il primo valore definisce la distanza dell'ombra in direzione x (orizzontale), il secondo valore imposta la distanza in direzione y (verticale), il terzo valore definisce la sfocatura dell'ombra e l'ultimo valore imposta il colore.

Sebbene sia relativamente facile da ricordare rispetto ad altre regole CSS3 come border-radius, è utile avere un generatore come questo in modo da poter generare la tua ombra di testo in tempo reale e regolarla con controlli simili a Photoshop.