*{margin:0;padding:0}

div{margin:50px auto;border:1px solid #ddd;width:200px;height:180px;}
div img{display:block;height:100%;width:100%;}
div p{height:24px;line-height:24px;background:rgba(0,0,0,0.4);color:#fff;text-align:center;
-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;
}
div:hover p{margin-top:-24px;}