Imágenes con efecto Zoom en Blogger (Mejorado)

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

8 thoughts on “Imágenes con efecto Zoom en Blogger (Mejorado)

  • febrero 24, 2014 en 1:01 pm
    Permalink

    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? 😮

    Responder
  • mayo 3, 2014 en 9:42 pm
    Permalink

    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!

    Responder

Deja un comentario

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