Tecnología Electrónica

Cómo hacer parpadear texto en HTML (métodos modernos y obsoletos)

Cuatro formas de hacer parpadear texto en navegador:

  1. Etiqueta <blink> (obsoleta, no estándar, no soportada en IE/Edge/Chrome modernos).
  2. CSS inline: style="text-decoration: blink" en etiqueta.
  3. CSS en hoja de estilos: selector { text-decoration: blink; } (estándar CSS 1/2.1, soportado en Firefox, Opera antiguos; ignorado en WebKit/Blink).
  4. JavaScript: alterna visibility o display con setInterval.

Ejemplo JS (funciona en todos si JS activado)

<script>
function blinkIt() {
  var el = document.getElementById('blinkText');
  el.style.visibility = (el.style.visibility === 'hidden') ? 'visible' : 'hidden';
}
</script>
<body onload="setInterval('blinkIt()',500)">
<p id="blinkText">Tu texto parpadea</p>
</body>

Consejo

text-decoration: blink es estándar CSS pero muchos navegadores lo ignoran por accesibilidad. JS es más controlable.

Advertencia

El texto parpadeante puede provocar crisis epilépticas y es molesto. Evítalo en web profesional. WCAG 2.1 lo desaconseja (SC 2.2.2).

>

<

Vida inteligente