Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Comentarios » Trucos Blogger » Efecto Zoom con rotación en los avatares

viernes, 2 de marzo de 2012

Efecto Zoom con rotación en los avatares

Add Comment
Comentarios, Trucos Blogger
viernes, 2 de marzo de 2012
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

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Efecto Zoom con rotación en los avatares"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Enviar sitemap a Google
    Enviar sitemap a Google
    Uno de los aspectos fundamentales a la hora de tener un mejor posicionamiento y numero de visitas es  aparecer en los primeros lugares de bu...
  • El uso del correo electrónico en los blogs parte 1
    El uso del correo electrónico en los blogs parte 1
    El correo electrónico es algo de lo cual nosotros los blogueros no podemos prescindir, ya que son muchos los usos que diariamente le damos a...
  • ¿Vulnera WhatsApp tu privacidad?
    ¿Vulnera WhatsApp tu privacidad?
    Leíamos últimamente en prensa que las autoridades de protección de datos de ciertos países -entre los que se encontraban Canadá y Países Baj...
  • Añade un foro a tu blog con Nabble
    Añade un foro a tu blog con Nabble
    Ya he publicado varias entradas con foros para Blogger pero esta vez les recomiendo Nabble,el cual es el sistema que uso actualmente en el f...
  • Gadget de últimos temas del foro
    Gadget de últimos temas del foro
    Si usas el foro de Nabble en tu blog es muy probable que este gadget te vaya a interesar, ya que como lo dice el titulo el gadget muestra l...
  • Facebook: Un gran aliado de Blogger
    Facebook: Un gran aliado de Blogger
    Seguramente si estas leyendo esta entrada eres un bloguero y casi doy por hecho que si eres bloguero sabes que es facebook y la gran utilida...
  • Aprender ingles para aprender a bloggear
    Aprender ingles para aprender a bloggear
    El ingles es algo fundamental en todas partes hoy en día  hasta en el mundo del internet y de los blogs es muy importante saber ingles, ya q...
  • Gadget de Entradas más Comentadas
    Gadget de Entradas más Comentadas
    Si eres de los que tienes un blog con gran cantidad de comentarios y quieres mostrarle a tus usuarios cuales son esas entradas mas comentada...
  • Últimas Entradas con desplazamiento horizontal
    Últimas Entradas con desplazamiento horizontal
    Ya he compartido varias formas de mostrar las ultimas entradas del blog, pero en esta oportunidad les compartiré una forma muy singular e im...
  • Menú de redes sociales con CSS Sprites
    Menú de redes sociales con CSS Sprites
    Hoy les quiero compartir un excelente truco en el cual se muestra un menu de redes sociales con efecto hecho a base de la tecnica llamada Sp...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ►  2013 (322)
    • ►  diciembre (34)
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ▼  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ▼  marzo (15)
      • Angeles que caen y se desvanecen en el blog
      • Gadget de Etiquetas en Flash para el blog
      • Dominios .net.ms gratis
      • Mil Trucos Blogger un año junto a ti
      • Nube de Top Comentaristas para el blog
      • Preferencias de búsqueda y otros cambios en Blogger
      • Agrega tus propios Emoticones a tu blog
      • Caja de Suscripciones "Elegant Subscription" para ...
      • My Website-Plantilla Premium para Blogger
      • Marcadores Sociales "Smart Bookmarks" para Blogger
      • Agrega un Sistema de Calificaciones a tu Blog
      • Botones para compartir "Minimalist White" para Blo...
      • Captura videos en forma de imagenes con CaptureWiz
      • FanBox de Facebook flotante que baja con la página
      • Efecto Zoom con rotación en los avatares
    • ►  febrero (19)
    • ►  enero (15)
  • ►  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ►  junio (22)
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .