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.

Autor del post: DanielSemper: @aeromental + Facebook

  • Antonio

    Veamos