Mil Trucos Blogger

Imágenes con efecto Zoom en Blogger (Mejorado)

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
Hola amigos de Mil Trucos Blogger, en otra oportunidad ya había publicado un truco con otro efecto zoom, pero aquel código no era para nada comparable al que les voy a compartir hoy (el cual es mucho mejor que el anterior).

Con este genial truco al pasar el cursor sobre las imágenes, estas aumentaran de tamaño exponencialmente, este es un truco espectacular que hará que tu blog tenga dinamismo.


Para agregar este truco a tu blog debes ir a Diseño, Diseñador de Plantillas ( en la parte superior), Avanzado, Añadir CSS, ya estando allí pegas el siguiente código CSS

.post img {
height: 100%;
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post img:hover {
width: 150%;
height: 150%;
}

Luego de esto debes dar clic en aplicar cambios.

Espero que les haya gustado este truco y que sigan visitando Mil Trucos Blogger.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

8 Comentarios

  1. febrero 19, 2014    

    Hola, un truco muy importante pero no funciona.

  2. febrero 24, 2014    

    si funciona compañero tienes ke darle a enter….pero yo quiero poner las fotos en pequeño y que hagan zoom,ahora salen en grande cuando publico,¿tengo ke cambiar el numero 100 en el código css? 😮

  3. febrero 26, 2014    

    es cierto si funciona con todas las imagenes jajajja xcvr

  4. febrero 26, 2014    

    una consulta este codigo es para toda la vida no se va borrar el efecto con el tiempo

  5. marzo 27, 2014    

    Este comentario ha sido eliminado por el autor.

  6. marzo 27, 2014    

    Este comentario ha sido eliminado por el autor.

  7. marzo 27, 2014    

    Este comentario ha sido eliminado por el autor.

  8. Anonymous Anonymous
    mayo 3, 2014    

    Hola! me gustaría saber si este efecto ( que funciona,lo he probado) se puede utilizar sólo para una entrada, me explico; que no se vean afectadas todas las imágenes que componen el blog, sino sólo las que están en una entrada por ejemplo. Gracias!

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo