Efecto Múltiple En "Links Hover"

Efecto Al Pasar El Cursor Sobre Los Links
Prueba el efecto pasando el cursor por el siguiente link:
EJEMPLO LINK

Para obtener este divertido efecto vamos a Diseño / Edicion De HTML.
En Nuestra Plantilla Buscamos ]]></b:skin>
ARRIBA De Ello Pegamos:

a {
letter-spacing:2px; /* ESPACIO ENTRE LETRAS */
-webkit-transition-duration: .50s;
text-shadow:1px #fff;
}
a:hover {
color:#000; /* COLOR DEL LINK {HOVER} */
text-shadow: 2px 7px 1px #b8d935,
                    -10px 1px 1px #fc5d77,
                    4px -7px 1px #5dcdfc;
-webkit-transition-duration: .50s;
text-decoration: none;
}

Ahora buscamos la siguiente parte del código & editamos Los Colores que crean este efecto "múltiple":

text-shadow: 2px 7px 1px #b8d935, {COLOR SUPERIOR{
                    -10px 1px 1px #fc5d77, {COLOR CENTRAL IZQUIERDA}
                    4px -7px 1px #5dcdfc; {COLOR INFERIOR}