Menu Smooth

Voltei *------*

Primeiro vai no seu HTML e cole o seguinte código antes de ]]></b:skin>

menu {
color: #ffffff;
text-align:center;
font-size: 9px;
background: #ff9cc3;
padding: 2px;
float: left;
margin: 2px;
width: 20%;
-webkit-transition-duration: 1s;
border-radius: 2px;
box-shadow: 0px 0px 3px #ff74aa;
}
menu:hover {
background:#87ccfd;
color: #ffffff;
-webkit-transition-duration: 1s;
border-radius: 10px;
box-shadow: 0px 0px 3px #6bb7ec;
}

Pra você usa-lo!, é só colar o código abaixo num gadget HTML/Java Script.

<a href="SEU_LINK"><menu>Título</menu></a>