Link Hover Con Transicion II

JelOw de nuevo chicas!! traigo un segundo hover en los links, recuerdan este tuto clic aqui?  bueno este es muy similar, pero da un efecto muy padre ^^!

Shalalalala pasa tu cursor aqui ^^

Para tener este efecto en tu blog, ve a:

1.- Plantilla y luego a Edicion HTML

2.- copia este codigo y pegalo antes de ]]></b:skin>  :)

a:link, a:visited {
color:#FFF;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://data2.whicdn.com/images/137288553/large.jpg) ;
background-position:80% 20%;
-webkit-transition-duration: .7s;
text-decoration: none;
}
a:hover {
color:#FFF;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://data2.whicdn.com/images/137288553/large.jpg) ;
background-position:90% 80%;
-webkit-transition-duration: .7s;
-webkit-filter: contrast(200%);z-index: -99px;
text-decoration: none;
}

3.- Da vista previa para ver el efecto y luego guardas :)!

Ahora en donde esta el color rosita, remplaza por una imagen de tu preferencia, cualquier imagen que te guste oki.