27 de jan. de 2013

Menu Esplosion

Eaew gente preguiçosa õ/, hoje vim publica um menu que achei ate e legal *--*, esse menu é um efeito de sombras que parece que “explode” o menu quando você passa o mouse.
Live preview:
Demonstração

Vamos la, procure por :

]]></b:skin>
Antes da tag cole o codigo :

/** MENU EXPLOSION - BY NEAR **/
.menuexp {
display:inline-block;
width: 0px;
font-family: ARIAL;
font-size: 0px;
text-align: center;
background-color: #000;
color: #FFF;
height: 0px;
padding: 4px; /** ESSE SE QUISER MUDE **/
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-box-shadow: inset 0 0 0px 0px #000,0 0 0 #000;
}
.menuexp:hover {
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-webkit-box-shadow:inset 0 0 55px 35px transparent, 0 0 25px 15px transparent;
opacity:0.8}
}


Agora basta colar este código onde deseja que o menu apareça:
<a href="LINK" class="menuexp">Seu Link</a>
Pronto seu Menu Turns esta feito \õ/,personalize como quiser,

Nenhum comentário:

Postar um comentário