Novo menu => Estica-puxa

Camimages

Fiz um novo menu!! Este foi COMPLETAMENTE feito por mim, não me inspirei em nenhum. Se chama Estica-puxa, pois dá a impressão que está sendo puxado ou esticado.

Visualização:

E aviso: vou viajar nos próxs 8 dias.



Colar acima de ]]></b:skin> :

est {
/* by Julieta */
background: #9FE432; /* Cor de fundo do Menu */
width: 80%; text-align: left;
font-size: 10px; /* Tamanho da fonte */
color: #40A6E6; /* Cor da fonte */
letter-spacing:3px;  /* Espaço entre as letras */
padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 40px 40px 10px; border-radius: 10px 40px 40px 10px;
-webkit-transition-duration: .5s; /* Tempo do Efeito */
}
est:hover {
background: #40A6E6; /* Cor do fundo do Menu ao passar o mouse */
width: 100%; text-align: left;
font-size: 10px; /* Tamanho da fonte ao  passar o mouse */
color: #CAE3AB; /* Cor da fonte ao passar o mouse */
letter-spacing:5px; /* Espaço entre as letras */
padding: 4px; margin: 2px; float: left; -moz-border-radius: 10px 50px 50px 10px; border-radius: 10px 50px 50px 10px;
-webkit-transition-duration: .5s; /* Tempo do Efeito */
/* by Julieta */
}


Pôr num HTML/ java script (pode multiplicar o código abaixo o quanto quiser):

<a href="LINK"><est>NOME DA PÁGINA</est></a>

Bjs!! E deem créditos!!!