Link con efecto hover ♥


Buen dia *v* como amanecieron? espero que bien:D
consegui un tuto muy lindo en el blog de Annyz {créditos a ella ^^} sobre como colocar un efecto hover en los links e imagenes. Yo les voy a mostrar como colocarlo en links :3 para ver el efecto pasa el cursor sobre algún link de mi blog o imagen*o*
Ejemplo:


se ve muy cute:3 yo escogi una imagen de unas flores*-*

Lo que tenemos que hacer es:

 Plantilla
 Edición de HTML
 Presiona CTRL+F 
 Busca ]]></b:skin>

después pegas este codigo justo antes de eso:

a{
text-decoration:none ;
color:#BDA291 ;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }
a:hover{
color:#fff ;
background:url(URL DE TU IMAGEN);
background-position:50% 80%;
background-size:400px;
}

donde dice URL DE TU IMAGEN, vas a pegar el url de la imagen que quieres que aparesca de fondo, asi como yo puse la de flores ^^
y listo! espero que les guste el tuto, no olviden comentar:3

9 comentarios :

  1. Me parece muy interesante el tuto. Hace tiempo vi uno parecido, pero la imagen no se agrandaba. Quedaba muy fin con gifs de estrellas ^^

    Gracias por compartir

    ResponderEliminar
  2. Si, hay muchos tutos parecidos:3
    gracias por comentar, saludos ^^

    ResponderEliminar
  3. Si, ya lo había visto, muy buen tutorial :D

    ResponderEliminar
  4. ese efecto es preciooooso se agradece que lo hayas rescatado del blog de annyz

    ResponderEliminar
  5. muchas gracias por compartir esto!!, el efecto es super lindo!

    ResponderEliminar
  6. ¡Es muy bonito! :'3
    ¡Tienes un premio en mi blog! Pasate: http://laubarbie09.blogspot.com.es/
    ¡Un besito guapi!

    ResponderEliminar
  7. Gracias por comentar chicas:)
    Laura pasaré a tu blog! gracias por el premio, besos!c:

    ResponderEliminar

Hola, soy kim ^¬^
para comentar este blog tienes que seguir estas reglas:
1° No insultes
2° No digas groserias
3° Cero links, solamente el de tu blog
4° Ceró anónimos
5° No te hagas pasar por Nadie
Si no respetas las reglas, quedarás bloquead@ T.T