Cómo hacer que el texto parpadee en mi página web

Las versiones anteriores de HTML y navegadores de Internet admitían la etiqueta. Se utilizó para crear texto parpadeante en las páginas web. Hoy en día, esta etiqueta ha quedado en desuso y ya no se admite en ningún navegador principal. Para crear texto parpadeante, use el siguiente ejemplo de CSS o JavaScript.

  • Ejemplo CSS
  • Ejemplo de JavaScript

Para crear una clase de parpadeo CSS, copie el siguiente código CSS en el encabezado de su página web.

Una vez que se haya insertado el código CSS anterior, puede usar la clase "parpadear" en cualquier elemento. Abajo hay una etiqueta de párrafo usando la clase de parpadeo.

Ejemplo de texto parpadeante usando CSS.

Seguir todos los pasos anteriores le da un texto parpadeante como se muestra a continuación.

Ejemplo de texto parpadeante usando CSS.

Ejemplo de JavaScript

Para crear una función de parpadeo de JavaScript, copie el siguiente código de JavaScript en el encabezado de su página.

 función blinker () {$ ('. blinking'). fadeOut (500); $ ('. parpadeando'). fadeIn (500); } setInterval (intermitente, 1000); 

Una vez que haya insertado el JavaScript anterior en su página, puede llamar a la función agregando la clase "parpadeando" a cualquier elemento. Abajo hay una etiqueta de párrafo usando la clase parpadeante.

Ejemplo de texto parpadeante utilizando JavaScript.

Seguir todos los pasos anteriores le da un texto parpadeante como se muestra a continuación. Puede ajustar los valores en el JavaScript para cambiar la apariencia del texto parpadeante.

Ejemplo de texto parpadeante utilizando JavaScript.