Menu Zoomer

Navegando na net encontrei um menu super interessante, o menu Zoomer, ele tem

um efeito de 3d no hover. Esse menu foi feito por  Suelen Furhmann . Ele foi feito

para blogs tumblr, eu adaptei para o blogger.

Para ver o menu zoomer clique aqui

Para colocar em seu blog, copie o código abaixo e coloque antes da tag ]]></b:skin>

 #text {
font-family: 'Economica';
font-size:32px;
width: 100%;
text-align: center;
margin: 20px 0;
}
#text:first-of-type {
margin: 5px 0;
}
#text a {
text-decoration: none;
font-weight: bold;
color: #fff;
text-shadow: 0 2px 0 #721e1e, 0px 2px 5px rgba(0,0,0,0.5);
position: relative;
top: 0;
-webkit-transition: all 0.1s ease-in;
-moz-transition: top 0.1s ease-in, text-shadow 0.1s ease-in;
-ms-transition: top 0.1s ease-in, text-shadow 0.1s ease-in;
}
#text a:hover {
text-shadow: 0 2px 0 #d84f4f, 0 4px 0 #d54646, 0 6px 0 #ce3333, 0 8px 0 #b92e2e, 0 10px 0 #912525, 0 12px 0 #721e1e, 0px 12px 10px rgba(0,0,0,0.5); top: -12px;
} 

Depois de personalizar, se quiser a fonte que está no menu, copie o código abaixo e coloque antes de </head>

<link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'/>

Para fazer o menu aparecer, pegue o código abaixo e cole no gadget html/java script

<div id="text">
<a href="#">HOME</a>
<a href="#">GODIES</a>
<a href="#">TUTORIAIS</a>
</div>