Menu 3D

Esse menu não é meu. Créditos do menu: Garota no Mundo do HTML

Olá pessoal! ♥

Tudo bem com vocês? Eu vou bem u-u Enfim, eu ando vendo muitos vídeos no youtube e eu ganhei um celular novo ♥ Um Galaxy Pocket Duos, logo eu e minha mãe fomos comprar uma capinha e uma película.

Menu 3D:

Modelo Rosa: Acima do ]]><...:

menu3d {
color:#fff;
text-shadow: 1px 1px 1px #FBB4E2;
background: #fdddf2;
border: 1px solid #fdbcd2;
box-shadow: inset 1px 1px 0px #fdeef8;
line-height:20px; margin:-1px;
margin-bottom:1px;
display: inline-block;
padding-top: 5px;
border-radius:2px;
text-align: center;
font-family: PF Arma Five;
font-size: 8px;
float: center;
padding:1px;
height: 20px;
width: 60px;
-webkit-transition-duration: .80s;
}
menu3d:hover {
cursor:hand;
-webkit-transition-duration: .80s;text-align: center;
font-family: PF Arma Five; font-size: 8px; color:#FBB4E2;
text-shadow: 1px 1px 1px #fff;
}

Em um gadget/HTML...:

<a href="LINK"><menu3d>Vaga</menu3d></a>
<a href="LINK"><menu3d>Vaga</menu3d></a>
<a href="LINK"><menu3d>Vaga</menu3d></a>

Modelo roxo:

menu3d1 {
color:#fff;
text-shadow: 1px 1px 1px #C3B7CE;
background: #D4CDDB;
border: 1px solid #C8BFD1;
box-shadow: inset 1px 1px 0px #E6E4E8;
line-height:20px; margin:-1px;
margin-bottom:1px;
display: inline-block;
padding-top: 5px;
border-radius:2px;
text-align: center;
font-family: PF Arma Five;
font-size: 8px;
float: center;
padding:1px;
height: 20px;
width: 60px;
-webkit-transition-duration: .80s;
}
menu3d1:hover {
cursor:hand;
-webkit-transition-duration: .80s;text-align: center;
font-family: PF Arma Five; font-size: 8px; color:#B1A2BF;
text-shadow: 1px 1px 1px #fff;
}

Gadget:

<a href="LINK"><menu3d>Vaga</menu3d></a><a href="LINK"><menu3d>Vaga</menu3d></a><a href="LINK"><menu3d>Vaga</menu3d></a>

Modelo Azul:

menu3d2 {
color:#fff;
text-shadow: 1px 1px 1px #BDD3D4;
background: #D5E3E4;
border: 1px solid #BDD3D4;
box-shadow: inset 1px 1px 0px #ECF2F2;
line-height:20px; margin:-1px;
margin-bottom:1px;
display: inline-block;
padding-top: 5px;
border-radius:2px;
text-align: center;
font-family: PF Arma Five;
font-size: 8px;
float: center;
padding:1px;
height: 20px;
width: 60px;
-webkit-transition-duration: .80s;
}
menu3d2:hover {
cursor:hand;
-webkit-transition-duration: .80s;text-align: center;
font-family: PF Arma Five; font-size: 8px; color:#B9D0D2;
text-shadow: 1px 1px 1px #fff;
}

Gadget:

<a href="LINK"><menu3d>Vaga</menu3d></a>
<a href="LINK"><menu3d>Vaga</menu3d></a>
<a href="LINK"><menu3d>Vaga</menu3d></a>