.box{
width:200px;
height:300px;
margin:50px auto 0;
border: 1px solid #000;
position:relative;
overflow:hidden;
}
.box .info{
width: 200px;
height:300px;
background-color:rgba(0,0,0,0.5);
color:white;
position:absolute;
left:0;
top:300px;
transition:all 500ms ease;
}
.box:hover .info{
top:150px;
}