[Tutoriales]Link Hover con imagen

Hola chikas ❁◕‿◕❁ que tal?? yo bueno mmm tirando ya que es el penúltimo dia para que empieze otra vez el 3º Trimestre en mi insti o-o estoy asustada pero por lo que tendré de estudiar ಥ_ಥ ayyy que miedito

Bueno me dejo de tonterías y qui traigo el tuto es un tuto muy gracioso ya que es que pasas el cursor por un link y sale una imagen

1. Plantilla
2. Edicion HTLM
3. Buscar : ]]></b:skin> 

Y pegar ates de ]]></b:skin> el siguiente código

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 la imagen);
background-position:50% 80%;
background-size:400px;
}

Nota* Esto solo funciona con los links luego sera la version a las imagenes

Versión para las imágenes

1. Plantilla
2. Edicion HTLM
3. Buscar : ]]></b:skin> 

Y pegar ates de ]]></b:skin> el siguiente código

.post img{
box-shadow: 0px 0px 3px #FFFFFF;
-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s;
background: url(url de la imagen);
background-position: top left;
padding: 6px;
border: 1px solid #fff;
}
.post img:hover{
-webkit-filter: contrast(200%);z-index: -99px;-moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s;
-webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s;
-o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s;
background-position: bottom right;
}

Nota*Como en el otro solo funcionaba con los links este solo funciona con las imagenes

Creditos {x}

Ver prevew de todo