Tarjeta navideña de Papa Noel con efecto zoom para tu blog

Como ya mañana es navidad he decido compartir un truco mas para que lo añadas a tu blog y lo adornes acorde a esta época.

El truco consta de una hermosa tarjeta navideña de Papa Noel con un espectacular efecto zoom que se ve al pasar el cursor sobre la tarjeta.

El truco es el siguiente (pasa el cursor sobre la imagen) :

Para agregar este espectacular truco para tu blog ve a Diseño, Añadir gadget, HTML/JavaScript y pega allí lo siguiente:
<div class="separator" style="clear: both; text-align: center;">
<a class="hovergallery" href="http://www.miltrucosblogger.info/" target="_blank">
<img src="http://www.miltrucosblogger.com/wp-content/uploads/2013/12/papa-noel.gif" />
</a>
</div>
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 1px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style>

Para finalizar solo debes guardar los cambios y listo con esto hemos terminado el truco y habrás añadido este genial truco a tu blog.

Espero que te haya gustado este truco y si tienes alguna duda o inquietud comenta que estoy atento a todos tus comentarios y  responderé lo mas rápido que pueda.

0
Shares

4 thoughts on “Tarjeta navideña de Papa Noel con efecto zoom para tu blog

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *