como hace este efecto en chrome web store

[catpaw]

hola forer@s

me podrían guiar por favor para poder igualar el efecto del Web Store de Chrome cuando pasas el mouse sobre las "cajitas" de las aplicaciones, (que tienen la imagen de la aplicación) se despliega hacia arriba como otro div con su descripción, al quitar el mouse se regresa el div dejando la imagen de la app

Si tienen el navegador chrome entren para que lo vean:

https://chrome.google.com/webstore/c...hrome-ntp-icon

espero sus consejos

gracias!

[catpaw]

Algo como esta web http://www.kernandburn.com/

en la cajas con las fotografias

[catpaw]

hola!! ya tengo un avance con mucha ayuda de css y este script:}

Código Javascript:

$("li").hover(function() {
       $(this).children('.thumbinfo').animate({
            'height': '170px',
            'top': "-170px"
        });
    }, function() {
        $(this).children('.thumbinfo').animate({
            'height': '0px',
            'top': "0px"
        });
 });
 

hace que el div con la descripcion se deslice hacia arriba tapando el div con la imagen

ahora solo falta hacer que en lugar que se vea que se esta tapando el div paresca que lo esta empujando hacia arriba

alguien sabe con que efecto se logra esto??

gracias