Menu que rola pra cima.
Como haviam pedido aqui está o tutorial do efeito do menu que eu Fran estou usando :D
1- Coloque esse código no seu CSS se quiser que o menu gire para cima.
.menufk{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;}
.menufk: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);}
2- Coloque esse código no seu CSS se quiser que o menu gire para o lado (na horizontal).
.menufk{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;}
.menufk:hover{background:#ddd;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);-o-transform: rotateY(360deg);}
Para usar coloque a class menufk no seu menu.
- Se for falso iframe:
<span onClick="changeNavigation('01')" class="menufk">01</span>
<span onClick="changeNavigation('02')" class="menufk">02</span>
<span onClick="changeNavigation('03')" class="menufk">03</span>
- Se for de links:
<a href="LINK AQUI" class="menufk">01</a>
<a href="LINK AQUI" class="menufk">02</a>
<a href="LINK AQUI" class="menufk">03</a>
Pronto ! créditos dos códigos pra girar:
css3maker
Postado por I Love HTML. 17:32.
1 Comentários:
Hi, I came across your site and wasn’t able to get an email address to contact you. Would you please consider adding a link to my website on your page. Please email me back.
Thanks!
Madison
maddie0147@gmail.com
Postar um comentário
- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.
Assinar Postar comentários [Atom]
<< Página inicial