Efecto Zoom con rotación en los avatares

Con el nuevo diseño que introduje en el blog hice algunos cambios en los comentarios,entre ellos los avatares que al pasar el cursor sobre ellos tienen un efecto Zoom con rotación en los avatares.

Aqui les muestro una imagen  para que entiendan mejor el truco.


 Como ven es un gran efecto y lo mejor es que se logra solamente mediante CSS sin agregar scripts ni nada por el estilo que solo van a poner mas lento tu blog.

Para agregar este truco ve a Diseño | Edición HTML y antes de ]]></b:skin> y agrega lo siguiente:
.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;
}
Por ultimo guardas los cambios
Previous
Next Post »

20 comentarios

Click here for comentarios
2 de marzo de 2012, 9:11 ×

Gracias ya lo agregue a mi plantilla. Me podrías decir que tipo de letra estas usando en el titulo de tu blog?

Responder
avatar
admin
2 de marzo de 2012, 11:40 ×

Obed Calva gracias por comentar,mira amigo la font se llama bold si recuerdo bien,buscala y si no es me avisas para buscarla bien.:oops:

Responder
avatar
admin
2 de marzo de 2012, 20:18 ×

muchas gracias lo implemente en un nuevo blog agregare a favoritos tu pagina salu2

Responder
avatar
admin
3 de marzo de 2012, 7:51 ×

Peyo de verdad gracias por tu amable comentario,Saludos ;)

Responder
avatar
admin
3 de marzo de 2012, 10:42 ×

Ay alguna forma de poner una foto en los commentarios del autor? Tengo foto de los commentarios anonimos pero no del autor. Muchas Gracias.

Responder
avatar
admin
3 de marzo de 2012, 16:16 ×

Jason Santoro para eso esta el avatar que Blogger nos proporciona,solo cambia tu imagen de perfil y listo.

Responder
avatar
admin
3 de marzo de 2012, 16:35 ×

Tengo una imagen pero no sale en los comentarios. Y tengo en los settings que salgan imagenes. Algo mas que pueda hacer?

Responder
avatar
admin
3 de marzo de 2012, 16:55 ×

Jason Santoro lo que tu quieres es que en todos los comentarios aparezca tu imagen cierto? :?

Responder
avatar
admin
4 de marzo de 2012, 1:29 ×

No nadamas en las del author. Ya tengo una imagen para los comentarios anonimos. Y esa imagen si sale pero la del autor no. Antes salia ahora no. Gracias por cualquier ayuda que me puedas dar.

Responder
avatar
admin
4 de marzo de 2012, 7:22 ×

Jason Santoro estuve mirando tu blog y creo que el problema es que no tienes habilitados los avatares,porque no se visualiza ningun avatar,entonces para activarlos debes ir al escritorio antiguo de Blogger,luego seleccionas configuracion,comentarios y en la pregunta ¿Mostrar imágenes de perfil en los comentarios?,marcas la casilla SI y luego das click en Guardar Configuracion.

Espero haberte ayudado.

Responder
avatar
admin
4 de marzo de 2012, 8:58 ×

Muchas gracias por ayudarme. Pero lla tenia que si miraran los avatar. Pero volvi hacerlo y nada paso.

Responder
avatar
admin
5 de marzo de 2012, 15:33 ×

Wow! No sabía que existía este truquillo, gracias! :D

Responder
avatar
admin
6 de marzo de 2012, 7:26 ×

Amor de nada gracias a ti por comentar.

Responder
avatar
admin
9 de marzo de 2012, 20:00 ×

Muchas gracias!
primera vez que aplico algo a mi blog y quedó muy bien!
gracias..

;)

alboadictocc.blogspot.com

Responder
avatar
admin
10 de marzo de 2012, 8:27 ×

Alboadicto gracias por comentar y que bueno que el truco te haya funcionado a la primera.

Responder
avatar
admin
6 de agosto de 2012, 14:24 ×

Es una pasada, gracias por compartir, lo puse en mi blog, y listo, del 10, Graciasssss

Responder
avatar
admin
8 de agosto de 2012, 12:41 ×

Cristian gracias a ti por comentar y que bueno que te haya funcionado :P.

Saludos :cool:

Responder
avatar
admin
2 de agosto de 2013, 23:26 ×

Gracias me encanto este Zoom mil graciasss

Responder
avatar
admin
3 de agosto de 2013, 13:55 ×

Arturo que bueno que te haya gustado.

Gracias por comentar, Saludos

Responder
avatar
admin
2 de julio de 2014, 15:37 ×

amigos de casualidad tiene mas efectos para los avatares please.

Responder
avatar
admin

Comenta y exprésate, Tu opinión es importante
Reglas para Comentar Mostrar el conversorOcultar conversor Mostrar EmoticonesOcultar Emoticones

Thanks for your comment