Cómo hacer brillar el texto en HTML

Escrito por ryan menezes | Traducido por lucia ayala
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo hacer brillar el texto en HTML
Los filtros CSS aplican efectos al texto en Internet Explorer. (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.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Editor de texto o HTML

Lista completaMinimizar

Instrucciones

  1. 1

    Para hacer brillar texto HTML, rodea tu texto con etiquetas de fuente:

    La última palabra de esta frase <font>glow</font>brillará.

  2. 2

    Inserta en la etiqueta de fuente el filtro de brillo como una propiedad de estilo:

    La última palabra de esta frase <font style = "filter:Glow()">glow</font> brillará.

  3. 3

    Agrega el color con el que deseas que el texto brille:

    La última palabra de esta frase <font style = "filter:Glow(color=green)">glow</font> brillará.

  4. 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 <font style= "filter:Glow(color=green,strength=20)">glow</font> brillará.

  5. 5

    Añade otras propiedades de estilo.

    La última palabra de esta frase <font style= "font-size:10px;letter-spacing:normal; font-style:normal; font-family:verdana; filter:Glow(color=green,strength=20); height:16px; width:100%">glow</font> brillará y tendrá cierta fuente, color, ancho y demás.

Consejos y 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.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles