Annyz-BlOg : Link Hover Con Transicion II
para COPIAR los codigos usa la tecla Ctrl + C y para PEGAR usa la tecla Ctrl + V gracias :) El Blog Se visualiza mejor con Google Chrome..

06 noviembre 2014

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.


10 comentarios:

  1. Tu blog es hermoso y me ha servido mucho :) Gracias!
    http://sweetbeautyreviews.blogspot.mx/

    ResponderEliminar
  2. Hola anny y hola chic@s.

    Soy nueva en blogger y quiero pedirles su apoyo, afiliación por afiliación: http://strawberrlife.blogspot.mx/

    Mi blog es sobre cosas propias de Japón, moda, forma de vida y cosas kawaii así que si les interesa agradecería su apoyo.

    Y a anny perdón por dejar este tipo de comentarios u_u pero también quería aprovechar y decirte que me encantaaaaan tus dos blogs y mas este jeje y aunque yo no use muchos de tus tutoriales darte las gracias por tomarte el tiempito de subirlos ^^

    ResponderEliminar
    Respuestas
    1. no te preocupes :) espero crezca mucho tu blog ! saludos

      Eliminar
  3. Hola Anny!! muy lindo tuto :)

    pero mi pregunta es, podrías hacer otro tuto pequeño donde digas como poner las imagenes de 'afiliados'? (así como las que están aquí al ladito <-) por favoooor!!

    me ayudarías mucho, gracias :D

    ResponderEliminar
    Respuestas
    1. claro Nina con gusto, en el proximo post, doy el tuto :)!

      Eliminar
  4. Muy genial el tuto y el efecto del link está chulo!!

    ResponderEliminar
  5. hola ! de casualidad no sabes que paso con minnie?

    ResponderEliminar
    Respuestas
    1. no Fernanda, sorry. Ultimamente no he andado mucho en los blogs T.T

      Eliminar