26 de jan. de 2013

Menu Scroll

Eea galera *--*, bom apesar que na imagem esta iscrito "menu roda' o nome verdadeiro e Menu Scroll, achei esse codigo na net e dei umas editadas, agora pouco que fui descobrir o nome dele.

Demonstração

Vamos la, procure por :

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

.menur{
float:left;
padding:6px;
text-align:center;
height:auto;
width:auto;
margin:1px;
webkit-transition-duration: .90s;
font:11px georgia;
background:#eee;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
border-radius:10px;
color:555;
}

.menur:hover{
background:#ddd;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
-o-transform: rotateX(360deg);
}

Agora basta colar este código onde deseja que o menu apareça:
<a href="LINK DO MENU" class="menur">nome do link</a>
Pronto seu Menu Scroll esta feito \õ/

2 comentários: