Nwlapcug.com


Come generare testo sfuocato

Come generare testo sfuocato


Mentre alcuni potrebbero considerare testo sfuocato un fastidio, i progettisti Web esperti possono vederlo come un bene. Tutte le maggiori di tutti i principali browser tranne attributo di ombreggiatura del testo di supporto CSS 3 Internet Explorer. Assegnando questo attributo al testo e rendere il testo trasparente, progettisti creativi intenzionalmente possono generare una varietà di effetti di testo sfuocato interessanti. Si potrebbero utilizzare ombre testo su intestazioni, loghi e anche menu. Verificare questo effetto con l'aggiunta di una classe CSS semplice a una delle tue pagine Web.

Istruzioni

1

Avviare qualsiasi editor HTML o word processor e aprire un documento HTML.

2

Aggiungere il seguente codice alla sezione body del documento:

< classe h1 = "blurText" > questa è una voce sfocata < / h1 >

Questo crea una voce che fa riferimento a una classe CSS denominata "blurText."

3

Sezione head del documento, aggiungere il seguente codice CSS:

< style type = "text/css" >

.blurText () {

ombreggiatura del testo: 0px 0px 4px rosso;

colore: trasparente;

}

< / stile >

Questa è la classe di blurText. L'attributo di ombreggiatura del testo aggiunge un'ombra intorno al testo. Il terzo parametro, "4px," imposta il raggio di sfocatura. I valori alti aumentano la sfocatura e diminuiscono i valori più bassi. Impostare tale valore a qualcosa che ti piace. Per esempio, per creare un effetto di leggera sfocatura, modificare il valore "1px." L'ultimo parametro, "Red" imposta il colore dell'ombra. L'attributo di colore, riportato nell'ultima riga della classe, imposta il colore di testo trasparente. In questo modo il browser visualizzare nulla, ma l'ombra sfocata intorno al testo.

4

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

Consigli & Avvertenze

  • Cambiare il colore da rosso a qualsiasi colore desiderato. Gli utenti di Internet Explorer verranno visualizzato testo ordinario nei loro browser quando si utilizza questo effetto di testo sfuocato.