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.
){kind=link}
8 comentarios
Nacho Técnicas de Masturbación · febrero 19, 2014 a las 4:04 pm
Hola, un truco muy importante pero no funciona.
ruben iglesias perez · febrero 24, 2014 a las 1:01 pm
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? 😮
Santos Ttito · febrero 26, 2014 a las 9:41 pm
es cierto si funciona con todas las imagenes jajajja xcvr
Santos Ttito · febrero 26, 2014 a las 9:48 pm
una consulta este codigo es para toda la vida no se va borrar el efecto con el tiempo
Andaira · marzo 27, 2014 a las 3:32 pm
Este comentario ha sido eliminado por el autor.
Andaira · marzo 27, 2014 a las 3:38 pm
Este comentario ha sido eliminado por el autor.
Andaira · marzo 27, 2014 a las 3:46 pm
Este comentario ha sido eliminado por el autor.
Anonymous · mayo 3, 2014 a las 9:42 pm
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!