x

Cómo crear animaciones con HTML

Por brandy alexander
Crea las mejores animaciones para tu sitio web.
Hemera Technologies/AbleStock.com/Getty Images

Las animaciones son textos o imágenes que se mueven en la pantalla de la computadora. Tradicionalmente, los lenguajes de programación como el JavaScript se utilizan para producirlas, pero tienes la opción de usar el lenguaje HTML (HyperText Markup Language, en inglés) para animar el contenido de tu página. De esta manera, se utiliza una sola línea de código para producir efectos visuales que captarán la atención del visitante. Utiliza el programa editor de texto de tu equipo o inicia sesión en la cuenta de tu página web para ingresar la sintaxis que crea animaciones con HTML.

Paso 1

Abre un documento de página Web en tu programa editor de textos o accede a la página de Internet, con un perfil de red social, donde desees que aparezca la animación HTML.

Paso 2

Escribe el código HTML que produce la animación en una página Web de la siguiente manera: tu contenido va aquí

Paso 3

Escribe "diapositiva" después de "comportamiento" para hacer que tu texto aparezca en la página y luego se mueva través de ella. Escribe "izquierda" después de "dirección" para que el contenido aparezca por la derecha y se mueva hacia el lado izquierdo, o escribe "derecha" para producir el efecto contrario. Por ejemplo: tu contenido va aquí

Paso 4

Escribe "desplazamiento" después de "comportamiento" para que el texto se mueva de forma continua a través de la página. Escribe "derecha" o "izquierda" para indicar la dirección hacia a cual deseas que el contenido se desplace. Por ejemplo: tu contenido va aquí

Paso 5

Escribe "alternar" como valor del comportamiento para hacer que tu contenido se mueva hacia atrás y adelante a través de la pantalla como si rebotara. No se necesita escribir nada en la línea de dirección. Escribe el código de esta manera: tu contenido va aquí

Paso 6

Guarda el documento o la página de Internet para conservar los cambios.