Cómo hacer brillar el texto en HTML
glowing text read hope image by Brent Walker from Fotolia.com
HTML codifica diversas propiedades de texto, como la fuente, color, tamaño y espaciamiento. Los filtros CSS aplican efectos adicionales al texto. El filtro "shadow", añade una sombra. El filtro "flip" voltea el texto. El filtro "glow" rodea el texto con un color brillante. Estos efectos se mostrarán sólo en ciertos navegadores. Por lo tanto, muchos efectos especiales para el texto no se construyen utilizando HTML. Los diseñadores gráficos a menudo codifican texto y publican sus trabajos como imágenes, ya que las imágenes se mostrarán de la misma forma en todos los navegadores.
Step 1
Para hacer brillar texto HTML, rodea tu texto con etiquetas de fuente:
La última palabra de esta frase glowbrillará.
Step 2
Inserta en la etiqueta de fuente el filtro de brillo como una propiedad de estilo:
La última palabra de esta frase glow brillará.
Step 3
Agrega el color con el que deseas que el texto brille:
La última palabra de esta frase glow brillará.
Step 4
Agrega la intensidad con la que deseas que el texto brille. La intensidad varía de 1 a 255. Prueba con una intensidad de 20. Mira el texto, y luego aumenta o disminuye hasta que consigas el brillo que desees.
La última palabra de esta frase glow brillará.
Step 5
Añade otras propiedades de estilo.
La última palabra de esta frase glow brillará y tendrá cierta fuente, color, ancho y demás.
Referencias
Advertencias
- Los filtros CSS funcionan en las versiones recientes de Microsoft Internet Explorer. Otros navegadores suelen mostrar el texto sin ningún efecto en absoluto.
Sobre el autor
Ryan Menezes is a professional writer and blogger. He has a Bachelor of Science in journalism from Boston University and has written for the American Civil Liberties Union, the marketing firm InSegment and the project management service Assembla. He is also a member of Mensa and the American Parliamentary Debate Association.
Créditos fotográficos
glowing text read hope image by Brent Walker from Fotolia.com