Trucos para crear texto con resplandor en HTML

Escrito por scott stanchak | Traducido por paulo gutierrez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Trucos para crear texto con resplandor en HTML
El resplandor es un atributo de fuente HTML. (Comstock/Comstock/Getty Images)

Agregar un tono resplandeciente al texto de un sitio web es una forma para captar la atención del visitante. El estilo de resplandor es solo uno de los numerosos atributos que pueden ser usados para alterar la apariencia del texto. Esto se realiza modificando el código HTML posterior que está ligado al texto.

Otras personas están leyendo

Software

Usa un programa editor de texto o HTML para modificar el código y agregar el atributo de resplandor. TextEdit (Mac) o Notepad (PC) vienen preinstalados en los sistemas Apple o Windows. Ambos programas trabajan de forma idéntica, siempre que el código HTML sea visible.

Estilo de código

Envuelve el texto al que deseas aplicarle el atributo de resplandor en una etiqueta de fuente. Incluye el atributo de filtro de estilo, el cual incluye el color del resplandor y la cantidad de brillo que tendrá. El atributo "strength" (fuerza) puede ajustarse entre 1 y 255.

Ejemplo:

<font style="filter:Glow(color=red,strength=25)">Este texto tendrá resplandor</font>

Los atributos de fuente adicionales también son bienvenidos dentro de la etiqueta <font>.

Ejemplo:

<font style="filter:Glow(color=red,strength=25)" size="3" face="Arial">Este texto tendrá resplandor</font>

Estilo Microsoft

Microsoft posee su propia versión de código HTML para agregar resplandor. Esto funciona de forma similar al código dentro de las etiquetas de fuente.

Ejemplo:

<span style="filter:progid:DXImageTransform.Microsoft.Glow(Color=#000000, Strength=3); width:100%">Este texto tendrá resplandor</span>

Alterar el código hexadecimal de seis dígitos después de "Color" modificará el color del resplandor. El parámetro "Strength" indica cuán brillante es el resplandor.

Soporte de navegadores

Recuerda, solo el navegador Internet Explorer mostrará el texto con el código HTML de resplandor. Los distintos navegadores mostrarán el código de forma diferente, y el estilo de resplandor actualmente solo es soportado por el navegador IE de Microsoft (hasta mayo de 2011).

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