La idea es esta, tener un codigo como este:
Código PHP:
<style>
#box{
width:180px;
height:180px;
background: url(Zombatar_7.jpg)no-repeat;
}
#box:hover {
background: url(Zombatar_1.jpg)no-repeat;
}
</style>
<div id="box"></div>
y una vez que se hace el hover, que la imagen del hover aparezca poco a poco de abajo hacia arriba. Solo con css.