Menu Curious

Hey , Eai gente , tudo bem com vocês ? Eu tava por ai navegando na net (falei que nem minha vó agora)

Enfim , Achei esse menu muito fofo , e com certeza estará no meu próximo layout , fiquei em dúvida no que vocês querem aprender ou ganhar no próximo post ! Utilitários ou tutorial ? Então acho melhor perguntar para vocês >.< Enjoy

Resultado do Menu (x)

Aprendi no Just Like That

Primeiro procure por ]]> e acima cole :

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}

.MenuCurious{

background: #f3f3f3;

border-bottom: 1px solid #ccc;

font-family: 'Arma Five';

text-align: left;

font-size: 8px;

color: #a7a7a7;

padding-left: 7px;

text-shadow: 0px 0px 2px #eee;

-webkit-transition: all 0.50s ease;}

.MenuCurious:hover{

background: #f6f6f6;

border-bottom: 1px dotted #ccc;

font-family: 'Arma Five';

font-size: 8px;

color: #a7a7a7;

text-shadow: 0px 0px 2px #eee;

padding-left: 7px;

text-align: left;

-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);

-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);

-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);

-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);

transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);}

 Agora adicione um gadget HTML e cole :

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

Pronto , Espero que tenham gostado ! Enjoy (Votem na enquete ^^)