Diseñar un menú con movimiento con CSS y un GIF animado

En el blog 3.7 Designs, nos recuerdan que en cuanto a los Gifs animados, hubo un tiempo en que aprovechando la capacidad de movimiento, los sitios web se hicieron un poco más divertido… o terriblemente incómodos.

En la actualidad parece ser que nadie aprovechar el poder de los GIFs animados, y el único lugar que parece que deben utilizarse son en anuncios publicitarios cuando el flash no está disponible.

Pero los GIFs puede seguir siendo una herramienta muy poderosa, si utilizamos la imaginación tendremos buenas ideas sobre lo que podemos hacer con ellos, como por ejemplo el que indica el siguiente artículo: Using CSS and GIF’s to animate a menu, donde tenemos claramente expuesto con todo lo necesario para diseñar nuesto propio menú animado o algo similar partiendo de ese concepto.

Para que te hagas una idea de su utilidad, dale un vistazoo a la siguiente vista previa del ejemplo, y observa lo que pasa cuando deslizamos el ratón por encima del menú. Incluso nos dejan el enlace a su descarga: DOWNLOAD EXAMPLE FILES + TEMPLATE.