soy Kseso y esto EsCSS

Packman o Comecocos en puro Css

Packman o Comecocos en puro Css

·Por Kseso ✎ 2

Un puro experimento lúdico, jugando con las @keyframes de Css3 y sus animations. Plénamente funcional en Firefox.
El webkit sigue sin soportar las @keyframes en los pseudoelementos. Así que se pierde el abrir y cerrar la boca del Comecocos y el movimiento de las patitas y las pupilas de los ojos de los tres fantasmas. En IE9 se ven las formas pero nada se mueve. Más no he podido testear.
Todo lo anterior en Vista.
Agradezco comentarios sobre cómo se ve en otras situaciones diferentes (SO y navegadores) Gracias y a divertirse recordando tiempos pasados xD

Comecocos o Packman en puro Css

/* Comecocos o Packman por Kseso
http://ksesocss.blogspot.com/2012/03/packman-o-comecocos-en-puro-css.html
RECUERDA: hoy por hoy Chrome no anima los pseudoelementos.
REMEMBER: Chrome dosen´t animate pseudo-elements
*/

Como esto es blogger, para poder visualizar bien el Comecocos Css a pie de página a todo lo ancho, está en fixed y bottom.
Solucionado Ouch!!! Hay una pequeña colisión de estilos, así que no pases el ratón por el comecocos, ¡que no lo pases!. Anda, no será que no te lo advertí =P .
Bueno si quieres verlo sin interferencias de blogger te doy a elegir: en Jsfiddle o en CodePenIO Ahí tienes todos los códigos.

avatar del Editor del blog

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso