Agregar Zoom en avatar de Comentarios Blogger

Agregar Zoom en avatar de Comentarios Blogger

Gracia a los nuevos comentarios anidados que hace poco implemento blogger, se pueden realizar múltiples efectos para mejorar la interacción con los usuarios, un efecto que me gusto bastante, que esta implementado en este mismo blog sin mencionar que es bastante sencillo.

El efecto zoom, que se genera al poner el cursor sobre el avatar en el comentario:

Para agregar este truco debes ir a Diseño/Edición HTML y antes de ]]></b:skin> agregar:

.avatar-image-container:hover {
z-index:999999;
border: 4px solid white;
-webkit-transform: rotate(-5deg) scale(1.4) skew(1deg) translate(0px);
-moz-transform: rotate(-5deg) scale(1.4) skew(1deg) translate(0px);
-o-transform: rotate(-5deg) scale(1.4) skew(1deg) translate(0px);
-moz-transition: 0.8s;
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}

Este truco funciona en todos los navegadores.

¿Tienes alguna Duda?, o necesitas Ayudas no dudes en Comentar

Leave a comment

Your email address will not be published.


*


Follow

Get every new post delivered to your Inbox

Join other followers