Mentre alcuni potrebbero considerare il testo sfocato un fastidio, Web designer esperti possono vederlo come una risorsa. Tutti i principali tutti i principali browser, tranne Internet Explorer supporto CSS 3 attributo text-shadow. Assegnando questo attributo al testo e rendere il testo trasparente, creativi possono intenzionalmente di generare una varietà di interessanti effetti di testo sfocate. Potrebbero usare le ombre del testo in intestazioni, loghi e anche i menu. Prova questo effetto con l'aggiunta di una semplice classe CSS per una delle tue pagine web.

istruzione

1 Avviare qualsiasi processore editor HTML o Word e aprire un documento HTML.

2 Aggiungere il seguente codice alla sezione corpo del documento:

<H1 class = "blurText"> Questo è un titolo sfocata </ ​​h1>

Questo crea un titolo che fa riferimento a una classe CSS chiamato "blurText."

3 Aggiungere il seguente codice CSS per sezione head del documento:

<Style type = "text / css">

.blurText {

text-shadow: 0px 0px 4px rosso;

colore: trasparente;

}

</ Style>

Questa è la classe blurText. L'attributo text-shadow aggiunge un'ombra intorno al testo. Il terzo parametro, "4px," imposta il raggio di sfocatura. Valori più alti aumentano l'effetto sfocato e valori più bassi diminuiscono. Impostare tale valore a qualcosa che ti piace. Ad esempio, per creare un leggero effetto di sfocatura, modificare il valore di "1px." L'ultimo parametro, "Red", definisce il colore dell'ombra. L'attributo colore, indicato nell'ultima riga della classe, imposta il colore del testo a trasparente. Questo fa sì che i browser per visualizzare altro che l'ombra sfocata intorno al testo.

4 Salvare il documento e visualizzarlo in qualsiasi browser tranne Internet Explorer. Si vedrà il testo sfocato rosso.

Consigli e avvertenze

• Cambiare il colore da rosso a qualsiasi colore desiderato. Utenti di Internet Explorer vedranno testo ordinario nei loro browser quando si utilizza questo effetto testo sfocato.