3 de dez. de 2012

Menu 180º




O nome já diz tudo: assim que passar o mouse no menu, ele irá gira 180º (Exziemplo U.U)

Quem quer aprender a colocar? So Read More ^^





Acima de ]]></b:skin> cole:

 .menuisa { padding:3px; height:auto; width:auto; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px; text-transform: uppercase;border-radius: 10px; color:#fff; background:#ccc; text-align:center; float:center; -webkit-transition-duration: .75s; display: inline-block;}.menuisa:hover { padding:3px; height:auto; auto; border-radius: 0px; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px;color:#fff; background:#000; text-align:center; -webkit-transform: rotate(540deg);}

 O que está em negrito (border-radius:) são as bordas arredondadas; o que está emitálico (#ccc é antes de passar o mouse; #000 é a cor ao passar o mouse) é o código da cor.

Agora, visualize e salve. Vá em Layout, Adicionar um Gadget, JavaScript/HTML e cole:

O que está em negrito (border-radius:) são as bordas arredondadas; o que está emitálico (#ccc é antes de passar o mouse; #000 é a cor ao passar o mouse) é o código da cor.

O que está em negrito (border-radius:) são as bordas arredondadas; o que está em itálico (#ccc é antes de passar o mouse; #000 é a cor ao passar o mouse) é o código da cor.


<a class="menuisa" href="LINK">Nome</a>

Nenhum comentário:

Postar um comentário