Si aprendiste hace algo de tiempo HTML, de seguro en algún momento te habrás topado con la etiqueta MARQUEE, un efecto que podías hacer utilizando una etiqueta, ¿qué pasó con marquee? pues se volvió obsoleto, nos olvidamos de él.

MARQUEE hacía recorrer una línea de texto a través de la pantalla, la hacía mover de un lado a otro, ¿Cómo logro este efecto ahora?, bueno hasta antes de  HTML5 se podía hacer con JavaScript o jQuery, ahora lo podemos hacer con CSS3.

Además, considera que este es sólo el inicio de la animación CSS, tomaremos el efecto que lográbamos con marquee para iniciarnos en el mundo de la animación con CSS.

No olvides dejar tus dudas y peticiones de tutoriales.

Te dejo con el tutorial:

Imagen de previsualización de YouTube

El ejemplo funcionando

5 comentarios en “Animación con CSS3, cinta informativa tipo marquee del 2012

  1. En verdad CSS es una locuuuura. Dentro de un tiempo nos vamos a olvidar de que JavaScript sea imprescindible para el desarrollo web, ni hablar de Flash… ¡CSS3 y HTML5 abrieron nuevos caminos y a mi me viene bárbaro, porque soy amateur. Pensar que hace unas pocas semanas me rompía el cráneo con las hojas de estilo, hoy la tengo bastante clara y estas cosas me ponen contento (aunque sea un borrador).

    1. Bueno, déjame contra decirte en algo, no nos olvidaremos de javaScript, de hecho como dicen los expertos es la era de javaScript, eso sí Flash quedó olvidado para el desarrollo web, pero javScri´t está más fuerte que nunca, node.js viene con todo.

      Por cierto, qué gusto que estés avanzando con el diseño, la verdad es que CSS es genial y es muy divertido de aprender 🙂

      1. Hola, me encanta tu página informativa, haces mucho para la comunidad de programadores, y por último me encantó tu comentario de node.js ya que me encanta el lenguaje Javascript y yo ya estoy programando en Node.js y es lo mejor que ví hasta ahora. Saludos!!!

  2. Hola! al observar el tutorial, me aclara que el WebKit no funciona para IE 8. Les solicito si no hay alguna variante que funcione para este navegador. Tengo VS 2012. Muchas gracias de antemano.Saludos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Cerrar