22 de jan de 2013

Menu Crazy

Oi! Hoje veio a chata da Tory de novo! E hoje eu trouxe um menu feito por mim. (É gente não é só vocês que sabem) Enfim, nome é Menu Crazy. É por que ele gira... 
Preview dele aqui 
Quer aprender? Leia Mais.
Primeiro entre na sua conta Blogger, vai em Modelo > Editar HTML
Aperte Ctrl + F e procure por:

]]></b:skin>

Quando achar cole o seguinte código ACIMA da tag.



#menucrazy {
background: #DB9BFF;
color: #000;
width: 20%;
float: left;
text-align: center;
margin: 2px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;

}
#menucrazy:hover {
background: #9C50C8;
color: #000;
width: 20%;
float: left;
text-align: center;
margin: 2px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
transform: rotate(-500deg) scale(1) skew(0deg);
-moz-transform: rotate(-500deg) scale(1) skew(0deg);
-webkit-transform: rotate(-500deg) scale(1) skew(0deg);
-o-transform: rotate(-500deg) scale(1) skew(0deg);

}

Entendendo o Código:

Background - Fundo o primeiro é o normal o segundo é depois que passa o mouse
Color: É a cor da fonte, o primeiro é normal e o segundo é depois que passa o mouse

O que está de NEGRITO, não é para mudar!

CRÉDITOS: EXTREME TUTORIALS AND TIPS

4 comentários:

  1. OMG ele gira muito *o* adorei MUITÃO ESSE MENU loco *-*

    jovenclube(.blogspot.com.br)

    ResponderExcluir
    Respostas
    1. Sério? Pensei que ninguém ia gostar ashuash'

      Excluir
  2. Legal o tutorial e o menu fica lindo.

    blog-da-marci.blogspot.com.br

    ResponderExcluir