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