Agrandar el Tamaño del Post al Pasar el Mouse

En esta oportunidad aprenderemos a Agrandar el tamaño de los Post en Blogger si se habrán dado cuenta, este post se agrando al pasar el Mouse y vuelve a su tamaño original quitando el puntero del mouse del post, esta es una magia que es posible hacerlo con CSS3, así podremos dar un efecto visual mas atractivo e interactivo a nuestro Blog.

Agrandar el tamaño de los post con CSS3:

Para tener este efecto en nuestro Blog, tenemos que codificar un pequeño código CSS, descuiden no tendremos que codificarlo nosotros en este Blog lo facilitaremos para ahorrar tiempo.

Este código lo tenemos que añadir en el editor de CSS de Blogger que lo podemos encontrar en la opción Personalizar>>avanzado>>Añadir CSS

Una ves ubicados en el editor de CSS de Blogger colocamos el siguiente codigo:

.post-body { display:block!important; -webkit-transition:-webkit-transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -o-transition:-o-transform 1s ease-out; -ms-transition:-ms-transform 1s ease-out; transition:transform 1s ease-out; } .post-body:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }

.post-body, es la clase que esta destinada para el cuerpo de los post en blogger, así dando estos estilos a esta clase obtendremos que cada post tenga el mismo efecto de agrandarse al pasar el mouse.

Espero que este Código para agrandar los post con CSS3 les sea de mucha utilidad, Como dije al principio y creo que ya es bastante obvio pueden notar el código en funcionamiento en este Post.

Cualquier duda o Aporte Hacerlo por Comentarios. Gracias por su Tiempo!