Menú personalizado {forma 2}

¡Hola bellas! En los últimos días he estado recibiendo de varios la pregunta de cómo hice mi Quick Menu... es simplemente otra forma de un menú como el que ya había explicado {aqui}.

Es un código que les dejo aquí abajo y ustedes sólo deben copiarlo y pegarlo en un nuevo gadget de HTML/Javascript y modificar los colores a su gusto.

<style>
.categories a{ /* Menú by Not A Single Song*/
display: block;
font-family: Trebuchet MS;
text-align: left; /* Alineación del texto */
padding-left: 5px;
color: #CA4242; /* Color del texto */
background: #eedfb4; /* Fondo */
border-radius: 4px; /* Radio del borde */  
margin: 2px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.categories a:hover { /* Recuerden: siempre que diga hover es para cuando le pasan el mouse */
background: #d95984;
color: #fff;
border-radius:3px;
}
</style>

<div class="categories"><a href="Link l">Nombre del link 1</a>
<a href="Link 2">Nombre del link 2</a>
<a href="Link 3">Nombre del link 3</a>
</div>

Espero que les sirva, cualquier cosita o duda me dejan un comentario para ayudarlos :)