Marquee versión 2012. Animación con CSS3

Sin duda todos los que llevamos 2 o más años en la web habremos usado o visto la etiqueta marquee funcionando. De hecho para mí tiene una historia especial saber que en la preparatoria donde estudié aún te enseñan a usar <marquee> en un año donde existen conferencias como mejorando.la con lo más novedoso en desarrollo web.

Así que decidí realizar un tutorial de cómo sería marquee en la era html5, se puede hacer en jQuery o javaScript fácilmente, sin embargo algo me ha quedado muy claro del libro "jQuery: form Novice to Ninja" y es que si lo puedes hacer con HTML o CSS, NO lo hagas con jQuery. Para este ejemplo la lógica no se sigue al 100 por ciento ya que trabajar con animaciones en CSS tienen un ENORME problema, la compatibilidad, las animaciones por ahora corren en webkit y moz, lo que significa que lo hacen en Firefox, Google Chrome y Safari.

El resultado es un tutorial en el que aprendemos lo básico para animar con CSS y emulamos uno de los efectos más famosos en internet, el ya muy añejo marquee.

Porfa, cambia tu micrófono. Es muy molesto escuchar con un audio así.
Fijate que el tema empieza en el minuto 5 o 6, y se te pasan muchos minutos con tanta intro. Te aconsejo que para ahorrar tiempo ya tengas listo el html con el contenido y sólo escribas lo que vas a enseñar del tema. Lo demás lo podés ovbiar. no es práctico que en cada videotutorial comiences con la página en blanco.

saludos

movido a aportes