Nuestros gravatars se levantan

@ 31 . marzo . 2010

Anoche estuve jugando un poco con el CSS del blog, y se me ocurrió dar un efecto a los gravatares en los comentarios.

Para ver bien el efecto, con sombra y todo necesitas estar con Firefox, Chrome, Safari o cualquier navegador que soporte CSS3 (no te sirve Internet Explorer).

Deja un comentario o visita otro post con comentarios, pon el cursor del mouse encima del gravatar y veras un pequeño efecto.

Para los interesados el CSS es:

.gravatar:hover { position: relative; top: -5px; left: -5px;}

Y para mejorar el efecto, cuando el gravatar se levanta alejo un par de pixeles la sombra y le dí un poco más de blur.

Las sombras en CSS3 son con box-shadow.

Y listo, nuestros avatares desde ahora estan flotando.

DanielSemperAutor: Daniel Semper, fanático de la tecnología y sus usos sociales, cinéfilo geek, al menos veo una película por semana, innovador en Front-End y activo lector de comics. En mis tiempos libres soy ingeniero y estudio una maestría en Sidney en la universidad de UTS. Me puedes contactar en: twitter, Google Plus.
e-mail: hola @ danielsemper.com

Noticias Similares

  • Antonio

    Veamos