Menu Shine

Boa tarde, lindjos!

Bom, hoje trouxe um menu, bem lindo e simples, ele foi criado pelo Worldesigns, então, créditos a ele.Mas , mesmo assim , se caso usar o tutorial dê créditos ao LLT , ao UQ , e ao WD ok ?

Preview do menu

Cole o seguinte código acima de ]]></b:skin>

#menu {display: inline-block; width: 102px; padding: 8px 5px 5px 5px; height: 27px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsX9D5gzE41RUCv_6K51RHdAnF3G5-h35Rt1Cc57g_CiV-AKSf8YiV7GCz1npacstiMTHPMeBz5XBM-8L334wulGF8eUcR1JHU1s6NUQ0v0Ljl11Au-rPQEgBd9VBQoTVs-bokFpXM1cQ/s1600/pattern.png); border-radius: 5px; font: 16px Titillium Web; color: #fff; text-align: center; text-transform: uppercase; cursor: default;}
#menu:hover {-webkit-animation-name: shine; -webkit-animation-duration: 500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate;}

Edite como quiser =)

Adicione um Html/Javascript e cole:

<A href="Seu link aqui " Id="Menu">Link</A>

E repita o processo  !!

Beijos !