【Tutoriales】Menú hover

¡Hola a todos y bienvenidos a una nueva entrada! ^3^ Hoy os traigo un menú muy chulo que seguro que os encantara. Os dejo aquí un ejemplo de como quedará:¡Pasad el cursor y así apreciaréis el efecto!
TITLETITLETITLETITLETITLEPara añadirlo a vuestro blog, lo único que tendréis que hacer es:Añadir un gadget > html/javascriptY pegámos este código:

<style>

@font-face {

font-family:tt;

src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');

}

.menul{ padding:3px;

width:65px;

margin-left: 5px;

margin-right: 5px;

font:8px tt;

color:#e1c9f3;

background:#fff;

text-align:center;

float:center;

-webkit-transition-duration: .50s;

display: inline-block;

padding:5px;

border:3px solid #e1c9f3;}

.menul:hover {

padding:3px;

height:auto; auto;

margin-left: 5px;

margin-right: 5px;

font:8px tt;

color:#fff;

background:#9C7FB4;

text-align:center;

-webkit-transform: scale(0.8) rotate(20deg);

border:3px solid #fff;

padding:5px;}

</style>

<center>

<a class="menul" href="LINK HERE">TITLE</a>

<a class="menul" href="LINK HERE">TITLE</a>

<a class="menul" href="LINK HERE">TITLE</a>

<a class="menul" href="LINK HERE">TITLE</a>

<a class="menul" href="LINK HERE">TITLE</a>

</center>

</div>

Espero que os haya gustado mucho :D No olvidéis dejar un comentario. Y nos vemos en la próxima entrada. ¡Adiós! ^3^

Por cierto, siento no haber publicado entrada desde hace unos días. Estaba muy ocupada :c Pero tranquilidad ya volvemos con nuevas entradas hahahaha n_n