pedido - Menu Shakes

Olá gente, estamos com vários pedidos pela C-box, bem, eu não terei tempo de atender à todos, mas... se quiserem podem pedir por nossa ask ou pelo formulário que fica mais fácil de sabermos ok? atenderei hoje o pedido de nossa querida Lari, ela pediu um tutorial de como fazer esse menu que temos no início do blog.

Preview (x)

No preview ele está um pouco diferente, pois é, pois para fazer o menu, precisaremos de imagens, nesse caso do A.N, usamos esse (x) psd, mais mudamos algumas coisinhas como a cor...rs

Então, primeiramente você terá de fazer as imagens com o nome de cada página que você irá colocar, depois, vamos ao HTML.

Primeiro, cole esse código acima de seu ]]></b:skin>:

@-webkit-keyframes menu { 10% {-webkit-transform: rotate(0deg) scale(1.0) skew(0deg) translate(0px); margin-top:-200px; } }

.menu {border-radius: 0px; margin:px; width:110px;}

.menu:hover {-webkit-animation: menu .49s alternate infinite linear; }

- Depois, simplesmente cole o código abaixo em um HTML / Javascript para o menu funcionar:

<a href="LINK"><img src="http://media.tumblr.com/73d178d285f8a0fbec655f8397841d82/tumblr_inline_mhv2zzf30f1qz4rgp.png"  class="menu"></a>

<a href="LINK"><img src="http://media.tumblr.com/e8268b171a288b2a74c0b88171e31898/tumblr_inline_mhv332IyNb1qz4rgp.png"  class="menu"></a>

<a href="LINK"><img src="http://media.tumblr.com/19d88b1386a5d92b16b4ce63f10cfc61/tumblr_inline_mhv335Ji1p1qz4rgp.png"  class="menu"></a>

<a href="LINK"><img src="http://media.tumblr.com/ea99cdb6a779ff76f65802d31ebd390b/tumblr_inline_mhv34l8l3p1qz4rgp.png"  class="menu"></a>

<a href="LINK"><img src="http://media.tumblr.com/ea99cdb6a779ff76f65802d31ebd390b/tumblr_inline_mhv34l8l3p1qz4rgp.png"  class="menu"></a>

<a href="LINK"><img src="http://media.tumblr.com/97affbdf4ffeef59c7f56a503149788b/tumblr_inline_mhv34pQzhc1qz4rgp.png"  class="menu"></a>

Para facilitar, o código já veio com o link das imagens (em negrito) para que você possa visualizar como fica, mais é claro que se você já fez suas imagens do menu, você irá substituí-las não é?! Espero que tenham gostado do tutorial.
créditos (www)