I de tidlige dagene av webutvikling, var tekstlige effekter ganske begrenset . Hvis du ønsker å bruke noe annet enn en grunnleggende font vises direkte inline med andre elementer , du hadde ikke annet valg enn å lage et bilde i Photoshop i stedet for tekst. Mens enkelte HTML-kodene likevel gi tekstlige effekter , de fleste utviklere nå slå til CSS og JavaScript. Med disse verktøyene , kan et bredt spekter av rare effekter oppnås gjennom teksten alene . Vær imidlertid oppmerksom på at ulike nettlesere reagerer ulikt på CSS og JavaScript effekter. Teste koden i flere nettlesere og les deg opp på cross-browser styling og scripting. HTML-tagger

Noen spesielle effekter som var en del av tidlige HTML-standardene fortsatt arbeid. Andre er ikke lenger støttes. Når "blink " tag ble svært foretrekkes av tidlige web annonsører som en måte å få en brukerens oppmerksomhet . " Blink " er , heldigvis , avskrevet og noen nettlesere fortsatt støtte det, men andre HTML- tag effekter, for eksempel " telt , " fortsatt arbeid. Her er noen eksempler : en

Denne teksten brukes til å blinke , men ikke lenger < /blink > Denne teksten vil rulle alltid til venstre < /marquee > Denne teksten vil gli frem og tilbake over skjermen < /marquee >
CSS Teknikker

Cascading Style Sheets la webutvikler eller designer mer kontroll over utseendet på HTML tekst. Ved hjelp av CSS, kan fargen på teksten bli manipulert , blokker med tekst kan legges lagvis , kan skyggeeffekter lages og tekst kan også være animert. Noen eksempler på rare effekter presenteres nedenfor

< p style = "font- size : 30px ; color: # 000 ; bakgrunn: # fff ; text -shadow : 2px 2px 3px # 000 ; " . ; > Denne teksten har en skygge < /p >

Dette teksten vil lyse < /p >

Denne teksten vil vises gravert < /p >
Browser Specifid CSS Teknikker

" transform " eiendom gjelder visse nettlesere og at teksten blir skalert , rotert eller skjeve . Dessverre er dette ikke støttes i IE , men det finnes noen løsning som ble teknikker ( Se Resources )

< div style = " - moz - transform : . Skewx ( 10deg ) translatex ( 150px ) ; - moz - transform - opprinnelse: nederst til venstre , font-size : 30px "> Dette vil være måten skjev < /div > < div style = ". - moz - transform : rotate ( 90deg ) ; - moz - transform - opprinnelse : bunn venstre , font-size : . 30px "> Dette vil bli rotert nitti grader < /div >
JavaScript og DHTML Teknikker
p Med Javascript og DHTML involvert, teksten kan inneholde effekter som reagerer på brukerundersøkelser og handlinger. Eksempelet nedenfor endrer størrelsen på teksten når du beveger musen over det .

< P onmouseover = " this.style.fontSize = '40px ' " onmouseout = " this.style.fontSize = '30px ' "style = " font- size : 30px "> Dette vil vokse når du beveger musen over det < /p >