Crear barra flotante HTML estilo "Series.ly"

[fede5426]

En este caso en particular, está hecho con CSS.. Con la propiedad transition.
Por ejemplo

#capsule-widget ul li a{
Width: 52px; //definimos el ancho
Height: 52px; //definimos el alto
Transition: width 0.5s; //definimos la propiedad que queremos alterar y el tiempo, en este caso 0.5 segundos.
}

Y despues:

#capsule-widget ul li a:hover{
Width: 80px;
}

Con esto indicamos que queremos que al pasar el mouse por encima, el enlace pase de tener 52px a 80px.