Animación para enlaces

Cuando hablamos de animación para enlaces nos referimos a que al pasar la flecha por el enlace este nos muestre una animación antes de clickearlo.

solo con agregar un código en la plantilla nos quedaran todos los enlaces con una animación, entonces nos dirigimos a diseño y le hacemos click en "Edición de HTML" y buscamos el siguiente código:



a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}

Bien ahora nos situamos por debajo de la siguiente linea a:hover { y agregamos el siguiente código:

background:url(http://byfiles.storage.live.com/y1pVKail77lerMV1KYChvWxtbpDvACMxupQI4iyrEjOaEDWqn7-eOQwwo2JBPLtBy-sJoqWZa7rBVs);

Probamos con vista previa y al pasar por un enlace nos tendría que mostrar la animación, en este caso son mariposas pero puedes buscar una animación gif y probarla como queda con tan solo sustituir la dirección de la imagen.