Nei primi giorni di sviluppo Web , effetti testuali erano piuttosto limitate . Se si voleva usare qualcosa di diverso da un tipo di carattere di base visualizzati direttamente in linea con gli altri elementi , non avevi scelta , ma di creare un'immagine in Photoshop al posto del testo . Mentre alcuni tag HTML forniscono ancora effetti testuali , maggior parte degli sviluppatori si rivolge ora ai CSS e JavaScript . Con questi strumenti , un'ampia varietà di effetti strani può essere raggiunto attraverso solo testo . Si noti, tuttavia , che i diversi browser reagiscono in modo diverso ai CSS e JavaScript effetti . Prova il tuo codice in più browser e leggere su uno stile cross-browser e di scripting . Tag HTML

Pochi effetti speciali che facevano parte della standard HTML primi lavori ancora . Altri non sono più supportati . Una volta che il tag " blink" è stata fortemente favorita da primi inserzionisti web come un modo per ottenere l'attenzione di un utente. " Blink " è , per fortuna , deprecato e alcuni browser ancora lo sostengono , ma altri effetti tag HTML, come " tendone ", funziona ancora . Ecco alcuni esempi :

Questo testo utilizzato a lampeggiare , ma non più < /blink > Questo testo scorrerà sempre a sinistra < /marquee > Questo testo scorrere avanti e indietro attraverso lo schermo < /marquee >
CSS Techniques

fogli di stile CSS consentono allo sviluppatore web o designer più controllo sull'aspetto del testo HTML . Utilizzando i CSS , il colore del testo può essere manipolato , blocchi di testo possono essere stratificati , effetti d'ombra possono essere creati e il testo può anche essere animato . Alcuni esempi di effetti strani sono presentati qui di seguito

< p style = "font-size : 30px; color : # 000 ; background: # fff ; text-shadow : 2px 2px 3px # 000 ; " . ,> Questo testo ha un ombra < /p >

6px Questo testo sarà bagliore < /p >

Questo testo apparirà inciso < /p >
browser Specifid CSS Techniques

La proprietà " trasformazione " si applica a determinati browser e permette di testo per essere scalata , ruotata o distorta . Purtroppo questo non è supportata in IE , anche se ci sono alcune tecniche di soluzione alternativa (vedi Risorse ) per

< div style = " -moz - transform : . SkewX ( 10deg ) TranslateX ( 150px ) ; -moz -transform - origine : in basso a sinistra ; font-size : 30px "> Questo sarà il modo distorto < /div > < div style = . " -moz - transform : rotate ( 90deg ) ; -moz - transform -origin : fondo sinistra ; font-size : . 30px "> Questo sarà ruotata di novanta gradi < /div >
tecniche DHTML Javascript e

con Javascript e DHTML coinvolti , testo può includere effetti che rispondono a input dell'utente e le azioni . L'esempio qui sotto cambia la dimensione del testo quando si sposta il mouse su di esso .

< P onmouseover = " this.style.fontSize = '40px ' " onmouseout = " this.style.fontSize = "style =" '30px 'font-size : 30px "> Questo crescerà quando si sposta il mouse su di esso < /p >