Menu Coke

RBD *o*

Hey pessoas >< Hoje me arrisquei a fazer um menu, e ele não saiu lá grandes coisas, mas vou considerar legalzinho. Gente, Rebelde de novo *^* acabei de perceber que eu era muito inocente pq né. Outra coisa, aprendi a fazer previews com a Rafz do Sweeet Flower hahahaha, finaly. Mais uma coisa, é bem capaz de amanha eu não postar, pq eu tenho um monte de coisas da escola pra fazer ok? 

Preview

Acima de ]]></b:skin> cole o codiga abaixo:

/* menu coke - Cupcake de Amora */

@-webkit-keyframes menucoke {

from {-moz-opacity: 0; opacity: 0;}

to {opacity: 100; -moz-opacity: 100;}

}

@-moz-keyframes menucoke {

from {-moz-opacity: 0; opacity: 0;}

to {opacity: 100; -moz-opacity: 100;}

}

@-o-keyframes menucoke {

from {-moz-opacity: 0; opacity: 0;}

to {opacity: 100; -moz-opacity: 100;}

}

coke {background: #9db6df; color: #fff; display: inline-block; padding: 2px;border: 0px dashed #ffffff; text-align: center; font-variant: small-caps; cursor: pointer; font-family: 'verdana'; font-size: 11px;}

coke:hover {

-webkit-animation-name: menucoke;

    -webkit-animation-duration: 3.6s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    -webkit-animation-direction: alternate;

-moz-animation-name: menucoke;

    -moz-animation-duration: 1.6s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: 1;

    -moz-animation-direction: alternate;

-o-animation-name: menucoke;

    -o-animation-duration: 1.6s;

    -o-animation-timing-function: linear;

    -o-animation-iteration-count: 1;

    -o-animation-direction: alternate;

-webkit-transform: scale(1.3); 

-moz-transform: scale(1.3);

-khtml-transform: scale(1.3);

-z-transform: scale(1.3);

transform: scale(1.3);

-webkit-transition-duration: 2.3s;

}

Mude o item em rosa para mudar a cor do background e o marrom para a cor da fonte :))

Salve e depois cole em um gadget html/javascript:

<a href="URL"><coke>TEXTO</coke></a>

Er, acho que só ahusahs, xoxo ((: