En los primeros días de desarrollo Web , efectos de texto eran bastante limitadas. Si quieres usar algo más que una fuente básica representada directamente en línea con otros elementos , que no tenía más remedio que crear una imagen en Photoshop en lugar de texto. Mientras que ciertas etiquetas HTML siguen ofreciendo efectos de texto , la mayoría de los desarrolladores ahora a CSS y JavaScript . Con estas herramientas , una amplia variedad de efectos extraños se puede lograr a través de solo texto . Tenga en cuenta, sin embargo, que los diferentes navegadores reaccionan de manera diferente a la CSS y JavaScript efectos . Pon a prueba tu código en múltiples navegadores y leer sobre el estilo cross-browser y scripting . Etiquetas HTML

unos efectos especiales que formaban parte de las especificaciones HTML primeros siguen funcionando . Otros ya no son compatibles. Una vez que la etiqueta de " abrir y cerrar " fue muy favorecida por los anunciantes web tempranas como una forma de llamar la atención del usuario. "Blink " es , afortunadamente , en desuso y algunos navegadores aún lo apoyan , pero otros efectos etiquetas HTML , como la " carpa ", todavía funciona. He aquí algunos ejemplos :

Este texto utilizado a parpadear , pero no más < /blink > Este texto se desplazará siempre a la izquierda < /marquee > Este texto se desliza hacia atrás y adelante a través de la pantalla < /marquee >
CSS Técnicas
Cascading Style Sheets

permiten que el desarrollador o diseñador web más control sobre el aspecto del texto HTML. El uso de CSS , el color del texto puede ser manipulado , bloques de texto se pueden superponer , efectos de sombra pueden ser creados y texto , incluso puede ser animado. Algunos ejemplos de efectos extraños se presentan a continuación

Este texto tiene una sombra < /p>

6px Este texto resplandor < /p>

1px 1px Este texto aparecerá grabado < /p>
Browser Specifid CSS Técnicas

La propiedad " transformación " se aplica a ciertos navegadores y permite que el texto puede escalar , rotar o sesgadas . Por desgracia esto no es compatible con IE , aunque hay algunas técnicas de solución a ( ver Recursos)

< div style = "- moz- transform: . SkewX ( 10deg ) TranslateX ( 150px ) ; -moz -transform origen : abajo a la izquierda ; font- size: 30px "> Esta será manera sesgada < /div > < div style = . " -moz -transform : rotate ( 90 grados ) ; -moz -transform - origen : bottom izquierda ; font- size: . 30px "> Esta será girado noventa grados < /div > Yahoo! Finanzas Javascript y DHTML Técnicas

Javascript y DHTML involucrados , texto puede incluir efectos que respondan a la entrada del usuario y las acciones . El ejemplo siguiente cambia el tamaño del texto cuando se mueve el puntero del ratón sobre él .

Esta crecerá cuando se mueve el ratón sobre ella < /p >