TEXTO ANIMADO

TEXTO ANIMADO

En una entrada anterior ya aprendimos formas básicas de darle movimiento al texto vamos a ver a continuación otros códigos para seguir jugando con el texto espero que os gusten los efectos que se consiguen...

• Tenis sin desaparecer de la Pantalla

holaaaaaaaaaaa

• Tenis;desaparecer de la Pantalla

holaaaaaaaaaaa

• ping-pong

holaaaaaaaaaaa

• ascensor

holaaaaaaaaaaa

Os recomiendo no utilizar el color del fondo; este valor viene para en el caso que vuestro fondo de página no sea blanco podais poner el mismo color del fondo de la página; como veis pierde mucho el efecto....si os veis en la necesidad de cambiar el valor tendreis que ir a>>>>>> background-color: rgb(255, 255, 255)>>>>-en el blog hay una sección de colores en la web que podreis obtener los códigos de para el color
Como veis podeis cambiar la fuente, el color de la fuente, el tamaño...
Podeis probar tambien a cambiar el down de los codigos por up y ver los resultados....o sustituir right por left...podeis jugar con los efectos
Como siempre cogereis el código lo seleccionareis todo de el formulario que hay a continuación copias y lo pegais en edición de html como siempre que trabajamos con códigos; introducir el texto (El texto lo teneis que introducir en el siguiente sitio del código>>> background-color: rgb(51, 255, 102);">Aqui el texto o imagen), y modificar los valores que querais del código como la fuente, el tamaño de la fuente.....
A continuación teneis lo códigos;

Código Tenis 1

<p></p><marquee behavior="alternate" direction="up" width="80%"><p></p><marquee direction="right" behavior="alternate" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(230, 230, 230);">holaaaaaaaaaaa</marquee></marquee><br />

Código Tenis 2

<p></p><marquee behavior="alternate" direction="up" width="80%"><p></p><marquee direction="right" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(100, 155, 55);">holaaaaaaaaaaa</marquee></marquee>

Ping-pong

<p></p><marquee behavior="alternate" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">holaaaaaaaaaaa</marquee><br />

Ascensor

<p></p><marquee direction="down" style="font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12pt; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">holaaaaaaaaaaa</marquee><br />

Y si probamos con imágenes?????

Ahora a utilizar vuestra imáginación y sacarle partido a este código!!!!!